← Takaisin
Kisahevosulkoasu
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssi on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/myprofe (Lisenssi)
www.flickr.com/photos/inthebag_golf (Lisenssi)
www.flickr.com/photos/tackshots (Lisenssi)
pngimg.com
theinspirationgallery.com (Jos otat taustan)
Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!
   
 (Tausta, jos otat)
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 924px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 85px 5px 85px
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: #0a3d0a
Linkkiväri: #0a3d0a
Sisällön taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä
Yleiset asetukset --> Navigaatio
Navigointi: Ylä
Näytä sisältöalueella lisänavigointi saman tason piilokategorioille: Ei
Näytä näkymänvaihtolinkki?: Ei
CSS määrittelyihin pistettävä navigaation fontti: Arial
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 13px
Vetovalikko navin elementtien leveys: auto
Näytetäänkö normaalin navigaation edistyneet muokkaukset: Ei
Vetovalikko taulun leveys (100%): 800px
Vetovalikko taulun marginaalit: auto
Keskitetäänkö vetovalikko navin tekstit?: Kyllä
Vetovalikko navin taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Vetovalikko navin elementtien taustaväri: None
Vetovalikko navin elementtien taustaväri kohdistettuna: None
Vetovalikko navin elementtien taustaväri valittuna: None
Vetovalikko navin reunan väri: None
Vetovalikko navin reunan leveys: 0px
Vetovalikon alivalikon sisennys vasemmalta: auto
Vetovalikon alivalikon sisennys ylhäältä: 50px
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 */
@import url(https://fonts.googleapis.com/css?family=Cookie|Dancing+Script|Great+Vibes);
a {
color: #078807;
-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: #b6ffb2;
text-shadow: 1px 0px 1px #184c08, 0px 1px 1px #184c08, -1px 0px 1px #95d881, 0px -1px 1px #95d881;
text-decoration: none;
}
h1 {
font-family: 'Great Vibes';
font-size: 45px;
color: #0b3e0b;
text-align: center;
margin: 8px 0px 8px 0px;
text-shadow: -1px 0px 0px #57ff4c, 1px 0px 0px #c3ffbf,0px 1px 0px #c3ffbf, 2px 2px 2px #6ab96c;
font-weight: normal;
}
h2 {
font-family: 'Dancing Script';
color: #aaffa8;
text-shadow: 1px 0px 0px #174a0d,0px 1px 0px #174a0d, -1px 0px 0px #174a0d, 0px -1px 0px #174a0d, -2px 0px 2px #316930, 2px 0px 2px #a2e4a0, 0px -2px 2px #316930, 0px 2px 2px #a2e4a0;
font-size: 25px;
margin-top: 4px;
margin-bottom: 4px;
padding-right: 25px;
border-bottom: 2px dashed #67c167;
padding-top: 6px;
padding-bottom: 5px;
text-align: right;
font-weight: normal;
}
b, strong {
color: #407d21;
text-shadow: 1px 0px 1px #258c25, 0px 1px 1px #258c25;
}
u, underline {
color: #288228;
text-shadow: 1px 0px 1px #75d275, 0px 1px 1px #75d275;
}
i, em {
color: #2cbf22;
text-shadow: 1px 0px 1px #2cbf22, 0px 1px 1px #2cbf22;
}
s, strike {
color: #703b1a;
text-shadow: 1px 0px 1px #703b1a, 0px 1px 1px #703b1a;
}
.submenu, submenu:visited {
color: #9bea9f;
font-size: 23px !important;
font-family: Cookie;
background: none !important;
font-weight: normal !important;
width: auto !important;
text-shadow: 1px 1px 1px #073307 !important;
-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;
}
.submenu:hover {
color: #ea9c6c;
font-size: 23px !important;
font-family: Cookie;
background: none !important;
text-shadow: 1px 1px 1px #4a250a !important;
font-weight: normal !important;
width: auto !important;
}
.submenuactive, submenuactive:visited {
color: #ea9c6c;
font-size: 23px !important;
font-family: Cookie;
background: none !important;
font-weight: normal !important;
width: auto !important;
text-shadow: 1px 1px 1px #073307 !important;
-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;
}
.submenuactive:hover {
color: #9bea9f;
font-size: 23px !important;
font-family: Cookie;
background: none !important;
font-weight: normal !important;
text-shadow: 1px 1px 1px #6ba36d !important;
width: auto !important;
}
.submenu {
position: relative;
top: 13px;
height: 62px;
}
.tekstihtml {
background: rgba(180,227,145,0.5);
background: -moz-linear-gradient(left, rgba(180,227,145,0.7), rgba(97,196,25,0.1));
background: -webkit-linear-gradient(left, rgba(180,227,145,0.7),rgba(97,196,25,0.1));
background: -o-linear-gradient(left, rgba(180,227,145,0.7), rgba(97,196,25,0.1));
background: linear-gradient(to right, rgba(180,227,145,0.7),rgba(97,196,25,0.1));
border: 1px solid white;
outline: 1px solid #5cc152;
box-shadow: 0px 0px 5px #009c07;
padding: 20px;
margin-bottom: 15px;
}
|
