← Takaisin
Susiaiheinen ulkoasu
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssit on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/j_mafia (Lisenssi)
www.flickr.com/photos/46154790@N00 (Lisenssi)
www.flickr.com/photos/brucemckay (Lisenssi)
www.flickr.com/photos/chaoticmind75 (Lisenssi)
Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 800px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 0px 75px 0px 33px
CSS määrittelyihin pistettävät fontit: Andalus, Arial
CSS määrittelyihin pistettävä normaali fontin koko: 16px
Taustaväri: #000000
Tekstinväri: #c5e0f2
Linkkiväri: #f9f1c1
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: Andalus, Arial
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 16px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 270px
Navigaation marginaali: 5px 25px 5px 65px
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 */
h1 {
text-transform: uppercase;
color: #f9f1c1;
font-family: andalus;
font-size: 22px;
border-bottom: 1px solid #f9f1c1;
letter-spacing: 3px;
text-align: center;
text-shadow: 0px 0px 1px #f9f1c1;
padding: 5px;
}
h2 {
color: #c5e0f2;
font-family: andalus;
font-size: 18px;
text-shadow: 0px 0px 1px #c5e0f2;
letter-spacing: 2px;
padding: 5px;
}
h2:before {
content: "→";
padding-right: 5px;
}
a {
color: #f9f1c1;
-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 {
text-decoration: none;
color: #f9f1c1;
text-shadow: 0px 0px 1px #f9f1c1;
}
.paalinkit, paalinkit:visited {
color: #c5e0f2;
text-transform: uppercase;
display: block;
padding: 5px;
border-bottom: 1px solid #c5e0f2;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.paalinkit:hover {
color: #f9f1c1;
text-shadow: 0px 0px 1px #f9f1c1;
text-decoration: none;
border-bottom: 1px solid #f9f1c1;
text-transform: uppercase;
display: block;
padding: 5px;
padding-left: 25px;
}
.paalinkitactive, paalinkitactive:visited {
letter-spacing: 2px;
text-align: center;
color: #c5e0f2;
text-transform: uppercase;
display: block;
padding: 5px;
border-bottom: 1px solid #c5e0f2;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.paalinkitactive:hover {
letter-spacing: 2px;
color: #f9f1c1;
text-shadow: 0px 0px 1px #f9f1c1;
text-decoration: none;
border-bottom: 1px solid #f9f1c1;
text-transform: uppercase;
display: block;
padding: 5px;
}
.tekstihtml {
position: relative;
top: -10px;
}
