← Takaisin
Toinen maailma
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssit on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/62431326@N07 (Lisenssi)
Package - Cosmos
backgrounds.mysitemyway.com (Jos otat taustan)
Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!
(Tausta, jos otat)
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 870px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 62px 0px 18px
CSS määrittelyihin pistettävät fontit: Arial
CSS määrittelyihin pistettävä normaali fontin koko: 13px
Taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva
Tekstinväri: #0C4129
Linkkiväri: #0C4129
Sisällön taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä
Yleiset asetukset --> Navigaatio
CSS määrittelyihin pistettävä navigaation fontti: Arial
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 13px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 262px
Navigaation marginaali: 0px 9px 0px 55px
Navigaation elementtien marginaali: 5px
Valikon ilmavuus, ylä- ja alamarginaali: 3px
Navigaation taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Laatikkomainen navigaatio: Ei
Piilotetaanko kirjautuneen käyttäjän tiedot?: Kyllä
Yleiset asetukset --> Tulostus
Tarjotaanko sivuista tulostettavaa versiota?: Ei
Css-koodi
Lisää Css-koodi sivuillesi seuraavasti: Kopioi koodi --> Mene sivuillasi osioon grafiikka --> Css-tyylien lisäys --> Liitä koodi --> Päivitä
/* css by lilian */
a {
color: #0C4129;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover {
color: #0C4129;
text-shadow: 0px 0px 3px #0C4129;
text-decoration: none;
}
u {
color: #087025;
text-shadow: 0px 0px 1px #087025;
}
s, strike {
color: #06B754;
text-shadow: 1px 1px 2px #0CE052;;
}
i, em {
color: #0C4C48;
text-shadow: 0px 0px 1px #0C4C2F;
}
h1 {
font-weight: normal;
font-size: 25px;
font-family: Arial;
letter-spacing: 3px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
color: #02FEB7;
text-align: center;
text-shadow: 1px 0px 0px #046229, 0px 1px 0px #046229, -1px 0px 0px #046229, 0px -1px 0px #046229, 0px 0px 2px #046229, 0px 0px 4px #046229;
}
h2 {
font-family: Arial;
color: #0C4C2F;
font-weight: normal;
text-shadow: 1px 0px 0px #3FBE89, 0px 1px 0px #3FBE89, -1px 0px 0px #3FBE89, 0px -1px 0px #3FBE89, 0px 0px 2px #3FBE89;
text-align: left;
font-size: 18px;
display: block;
padding: 2px;
margin-bottom: 0px;
margin-top: 0px;
letter-spacing: 2px;
}
h2:before {
content: "❖";
padding: 3px;
}
.paalinkit, paalinkit:visited {
margin: 2px 4px 2px 0px;
display: block;
padding: 5px;
color: #04732F;
text-align: center;
border: 1px solid #04732F;
background: #13C978;
box-shadow: 1px 0px 0px #00FF96, 0px 1px 0px #00FF96, -1px 0px 0px #00FF96, 0px -1px 0px #00FF96, 0px 0px 2px #00FF96;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.paalinkit:hover {
margin: 2px 4px 2px 0px;
display: block;
padding: 5px;
color: #04732F;
text-align: center;
border-bottom: 1px solid #04732F;
border-top: 1px solid #04732F;
border-left: 10px solid #04732F;
border-right: 10px solid #04732F;
background: #13C978;
box-shadow: 1px 0px 0px #00FF96, 0px 1px 0px #00FF96, -1px 0px 0px #00FF96, 0px -1px 0px #00FF96, 0px 0px 2px #00FF96;
text-decoration: none;
text-shadow: 0px 0px 1px #04732F;
}
.paalinkitactive, paalinkitactive:visited {
margin: 2px 4px 2px 0px;
display: block;
padding: 5px;
color: #0D5A43;
text-align: center;
border: 1px solid #095154;
background: #0E8C67;
box-shadow: 1px 0px 0px #00FF96, 0px 1px 0px #00FF96, -1px 0px 0px #00FF96, 0px -1px 0px #00FF96, 0px 0px 2px #00FF96;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.paalinkitactive:hover {
margin: 2px 4px 2px 0px;
display: block;
padding: 5px;
color: #0D5A43;
text-align: center;
border-bottom: 1px solid #095154;
border-top: 1px solid #095154;
border-left: 10px solid #095154;
border-right: 10px solid #095154;
background: #0E8C67;
box-shadow: 1px 0px 0px #00FF96, 0px 1px 0px #00FF96, -1px 0px 0px #00FF96, 0px -1px 0px #00FF96, 0px 0px 2px #00FF96;
text-decoration: none;
text-shadow: 0px 0px 1px #0D5A43;
}
