← Takaisin
My Dream, My Fantasy
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssit on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/stuckincustoms (Lisenssi)
www.flickr.com/photos/gotfilm (Lisenssi)
Magic Floating Island Brushes
Silhouette Brushes
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: 784px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 78px 5px 25px
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: #7e3ea2
Linkkiväri: #7e3ea2
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: 218px
Navigaation marginaali: 5px 0px 5px 40px
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-align: center;
color: #000;
border-bottom: 1px solid #7e3ea2;
line-height: 1px;
font-size: 18px;
text-shadow: 1px 0px 1px #7e3ea2, 0px -1px 5px #7e3ea2, 0px 1px 1px #7e3ea2, -1px 0px 5px #7e3ea2;
text-transform: uppercase;
margin: 20px 0px;
}
h1:first-letter {
font-size: 25px;
}
h2 {
color: #7e3ea2;
text-shadow: 0px 0px 1px #40176b;
font-size: 16px;
}
h2:before {
content: "⇒";
padding: 3px;
}
i, em {
color: #f5cbff;
text-shadow: 0px 0px 1px #f5cbff;
}
u, underline {
color: #eda3ff;
text-shadow: 0px 0px 1px #7e3ea2;
}
a {
color: #7e3ea2;
text-decoration: none;
border-bottom: 1px dashed #eda3ff;
}
a:hover {
text-decoration: none;
border-bottom: 1px solid #eda3ff;
color: #eda3ff;
text-shadow: 0px 0px 1px #eda3ff;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.paalinkit, paalinkit:visited {
display: block;
padding: 10px;
color: #7e3ea2;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
border: none !important;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.paalinkit:hover {
text-decoration: none;
display: block;
padding: 10px;
color: #7e3ea2;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border: none !important;
text-shadow: 0px 1px 0px #e98fff;
color: #7e3ea2;
}
.paalinkitactive, paalinkitactive:visited {
display: block;
border: none !important;
padding: 10px;
color: #7e3ea2;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.paalinkitactive:hover {
text-decoration: none;
display: block;
padding: 10px;
text-align: center;
color: #7e3ea2;
text-transform: uppercase;
letter-spacing: 2px;
border: none !important;
text-shadow: 0px 1px 0px #e98fff;
color: #7e3ea2;
}
