← Takaisin
Simple Dog Layout
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssit on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/jonas_lowgren (Lisenssi)
shizoo-design.de
piccolecreazioni.com/velvetfactory (Jos otat taustan)
Kuvat (ylä, ala, sisä) Tallentuvat oikean kokoisina!
(Tausta, jos otat)
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 832px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 45px 0px 30px
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: #000
Linkkiväri: #000
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: sans-serif
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 13px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 185px
Navigaation marginaali: 0px 0px 0px 15px
Navigaation elementtien marginaali: 5px
Valikon ilmavuus, ylä- ja alamarginaali: 3px
Navigaation taustaväri: Transparent
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 */
.paalinkit, paalinkit:visited {
display: block;
color: black;
text-shadow: 0px 0px 2px #a9d7b3;
text-align: center;
background: white;
opacity: 0.6;
border: 1px solid black;
box-shadow: 0px 0px 2px #a9d7b3;
border-radius: 70px;
padding: 10px;
margin: 4px 4px 4px 4px;
-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 {
text-decoration: none;
display: block;
background-color: #ecf2f2;
opacity: 1.0;
color: black;
letter-spacing: 1px;
text-shadow: 0px 0px 2px #a9d7b3;
text-align: center;
border: 1px solid black;
box-shadow: 0px 0px 2px #a9d7b3;
border-radius: 70px;
padding: 10px;
margin: 4px 4px 4px 4px;
}
.paalinkitactive, paalinkitactive:visited {
display: block;
color: black;
background: #ecf2f2;
opacity: 1.0;
text-shadow: 0px 0px 2px #a9d7b3;
text-align: center;
border: 1px solid black;
box-shadow: 0px 0px 2px #a9d7b3;
border-radius: 70px;
padding: 10px;
margin: 4px 4px 4px 4px;
-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 {
text-decoration: none;
display: block;
background-color: #ecf2f2;
opacity: 1.0;
color: black;
letter-spacing: 1px;
text-shadow: 0px 0px 2px #a9d7b3;
text-align: center;
border: 1px solid black;
box-shadow: 0px 0px 2px #a9d7b3;
border-radius: 70px;
padding: 10px;
margin: 4px 4px 4px 4px;
}
