← Takaisin
Tylypahka
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssi on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/lighterness (Lisenssi)
Public Domain Images
fotobg.ru
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: 874px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 60px 0px 15px
CSS määrittelyihin pistettävät fontit: Verdana, Arial, Helvetica
CSS määrittelyihin pistettävä normaali fontin koko: 12px
Taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva
Tekstinväri: #775a15
Linkkiväri: #775a15
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: Verdana
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 12px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 266px
Navigaation marginaali: 0px 8px 0px 48px
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: inherit;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
color: #DBC7B1;
text-shadow: 1px 1px 0px #524442;
text-decoration: none;
}
u {
color: #2D2164;
text-shadow: 1px 1px 3px #355074;
}
s, strike {
color: #5E797B;
text-shadow: 1px 1px 2px #5E797B;
}
i, em {
color: #161F80;
text-shadow: 1px 1px 2px #C18AD0;
}
h1 {
font-variant: small-caps;
color: #DBC7B1;
text-decoration: none;
text-align: center;
font-size: 23px;
text-shadow: 1px 1px 0px #524442, -1px -1px 0px #524442, 0px 0px 7px #524442;
margin: inherit;
padding: 4px;
box-shadow: 0px 0px 7px #fbf9e6;
border: 1px solid #524442;
background: #b49c80;
letter-spacing: 3px;
}
h2 {
font-variant: small-caps;
color: #9D8E7B;
text-decoration: none;
text-align: left;
font-size: 18px;
text-shadow: 1px 1px 5px #F9F5DF;
display: block;
margin-top: 5px;
padding: 2px;
border-bottom: 1px solid #524442;
border-bottom-left-radius: 1em;
letter-spacing: 5px;
padding-left: 15px;
}
.paalinkit, paalinkit:visited {
font-variant: small-caps;
font-size: 14px;
margin: 3px 0px 3px 0px;
display: block;
padding: 5px;
color: #324868;
text-align: center;
box-shadow: 0px 0px 7px #d5fbfe;
border: 1px solid #fbf9e6;
background: -webkit-linear-gradient(to left, transparent, #324868);
background: -o-linear-gradient(to left, transparent, #324868);
background: -moz-linear-gradient(to left, transparent, #7ea0ae);
background: linear-gradient(to left, transparent, #7ea0ae);
-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 {
font-variant: small-caps;
font-size: 14px;
margin: 3px 0px 3px 0px;
display: block;
padding: 5px;
color: #324868;
box-shadow: 0px 0px 7px #d5fbfe;
border: 1px solid #324868;
text-align: center;
text-shadow: 0px 0px 1px #324868 !important;
background: -webkit-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: -o-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: -moz-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: linear-gradient(to right, #7ea0ae, #7ea0ae);
text-shadow: 1px 1px 1px #fbf9e6;
}
.paalinkitactive, paalinkitactive:visited {
font-variant: small-caps;
font-size: 14px;
margin: 3px 0px 3px 0px;
display: block;
padding: 5px;
color: #324868;
box-shadow: 0px 0px 7px #d5fbfe;
border: 1px solid #fbf9e6;
text-align: center;
background: -webkit-linear-gradient(to right, transparent, #324868);
background: -o-linear-gradient(to right, transparent, #324868);
background: -moz-linear-gradient(to right, transparent, #7ea0ae);
background: linear-gradient(to right, transparent, #7ea0ae);
-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 {
font-variant: small-caps;
font-size: 14px;
margin: 3px 0px 3px 0px;
display: block;
padding: 5px;
color: #324868;
box-shadow: 0px 0px 7px #d5fbfe;
border: 1px solid #324868;
text-align: center;
text-shadow: 0px 0px 1px #324868 !important;
background: -webkit-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: -o-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: -moz-linear-gradient(to right, #7ea0ae, #7ea0ae);
background: linear-gradient(to right, #7ea0ae, #7ea0ae);
}
