← Takaisin
Winter
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssi on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/thomasmorkeberg (Lisenssi)
Shizoo
Pngimg
theinspirationgallery.com (Jos otat taustan)
Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!
(Tausta, jos otat)
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 735px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 38px 5px 10px
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: #00388c
Linkkiväri: #00388c
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: Arial
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 13px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 230px
Navigaation marginaali: 0px 12px 0px 42px
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 */
@import url('https://fonts.googleapis.com/css?family=Marck+Script|Farsan|Arima+Madurai');
a {
color: #00388c;
-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: #00388c;
text-shadow: 0px 0px 1px #00388c;
text-decoration: none;
}
h1 {
font-family: 'Arima Madurai';
font-size: 35px;
padding: 4px;
color: #3a4fa5;
text-shadow: 0px -1px 1px #d8f0f4, -1px 0px 1px #9adcd8, -2px 0px 1px #2a2970;
text-align: center;
margin-top: 3px;
margin-bottom: 5px;
font-weight: normal;
}
h2 {
font-family: 'Farsan';
text-align: center;
color: #3a4fa5;
text-shadow: 1px 1px 1px #3a4fa5;
font-size: 24px;
margin-top: 4px;
margin-bottom: 4px;
padding: 2px 4px 2px 4px;
background: url('http://image.ibb.co/fvPAOQ/kissaotsikko.png');
background-size: cover;
font-weight: normal;
border: 1px solid #3a4fa5;
box-shadow: 0px 0px 5px #6073b5;
}
b, strong {
font-weight: normal;
color: #061d7b;
text-shadow: 1px 1px 1px #3a4fa5;
}
.paalinkitactive b {
font-weight: normal;
color: inherit;
text-shadow: inherit;
}
.paalinkit b {
font-weight: normal;
color: inherit;
text-shadow: inherit;
}
.paalinkitactive:hover b {
color: inherit;
text-shadow: inherit;
}
u, underline {
color: #4d75bb;
text-shadow: 1px 1px 1px #c0dde6;
}
i, em {
color: #52859f;
text-shadow: 1px 1px 1px #5e7ab6;
}
s, strike {
color: #5ac4d6;
text-shadow: 0px 0px 1px #bae5eb;
}
.paalinkit, paalinkit:visited {
font-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #3a4fa5;
background: url('http://image.ibb.co/i7Xx3Q/kissanavitausta.png');
background-size: cover;
border: 1px solid #3a4fa5;
box-shadow: 0px 0px 5px #6073b5;
text-shadow: 1px 1px 1px #cbe5ed;
margin: 0px 5px 0px 0px;
text-align: center;
-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-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #ffffff;
background: url('http://image.ibb.co/fusaq5/kissanavitausta2.png');
background-size: cover;
border: 1px solid #3a4fa5;
box-shadow: 0px 0px 5px #6073b5;
margin: 0px 5px 0px 0px;
text-align: center;
text-shadow: 0px -1px 1px #3a4fa5, -1px 0px 1px #3a4fa5, 0px 1px 1px #e7f0f3, 1px 0px 1px #e7f0f3;
}
.paalinkitactive, paalinkitactive:visited {
font-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #3a4fa5;
background: url('http://image.ibb.co/fusaq5/kissanavitausta2.png');
background-size: cover;
border: 1px solid #3a4fa5;
box-shadow: 0px 0px 5px #6073b5;
text-shadow: 1px 1px 1px #849ad8;
margin: 0px 5px 0px 0px;
text-align: center;
-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-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #ffffff;
background: url('http://image.ibb.co/i7Xx3Q/kissanavitausta.png');
background-size: cover;
border: 1px solid #3a4fa5;
box-shadow: 0px 0px 5px #6073b5;
margin: 0px 5px 0px 0px;
text-align: center;
text-shadow: 0px -1px 1px #3a4fa5, -1px 0px 1px #3a4fa5, 0px 1px 1px #e7f0f3, 1px 0px 1px #e7f0f3;
}
.navimargin {
position: relative;
top: -20px;
}
