← Takaisin
Space Cat
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright (Huom. myös lisenssi on linkitettävä!)
capturedworld.suntuubi.com
www.flickr.com/photos/menschmaschine (Lisenssi)
Package - Cosmos
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: 790px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 45px 5px 18px
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: #59008c
Linkkiväri: #59008c
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: 218px
Navigaation marginaali: 0px 5px 0px 32px
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|Courgette|Satisfy');
a {
color: #59008c;
-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: #59008c;
text-shadow: 0px 0px 1px #59008c;
text-decoration: none;
}
h1 {
font-family: 'Satisfy';
font-size: 35px;
padding: 4px;
color: #7e2392;
text-shadow: 0px 2px 1px #ffffff, 2px 0px 1px #ffffff, 2px 0px 2px #8b00ff, 0px 2px 2px #8b00ff;
text-align: center;
margin-top: 3px;
margin-bottom: 5px;
font-weight: normal;
}
h2 {
font-family: 'Courgette';
text-align: center;
color: #fee0ff;
text-shadow: 1px 1px 1px #000000;
font-size: 20px;
margin-top: 4px;
margin-bottom: 4px;
padding: 6px 4px 6px 4px;
background: url('http://image.ibb.co/fP6PiQ/spacecatotsikko.png');
background-size: cover;
font-weight: normal;
border: 1px solid #000000;
box-shadow: 0px 0px 5px #a100ff;
}
b, strong {
font-weight: normal;
color: #112c9a;
text-shadow: 1px 1px 1px #314fc7;
}
.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: #8b1f8d;
text-shadow: 1px 1px 1px #9e30a0;
}
i, em {
color: #2d1480;
text-shadow: 1px 1px 1px #281a87;
}
s, strike {
color: #b760f1;
text-shadow: 0px 0px 1px #db97fb;
}
.paalinkit, paalinkit:visited {
font-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #fee0ff;
background: url('http://image.ibb.co/nw5vq5/spacecatnavitausta.png');
background-size: cover;
border: 1px solid #b800ff;
box-shadow: 0px 0px 5px #b900ff;
text-shadow: 1px 1px 1px #000000;
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/i5NKHk/spacecatnavitausta2.png');
background-size: cover;
border: 1px solid #9500ff;
box-shadow: 0px 0px 5px #9500ff;
margin: 0px 5px 0px 0px;
text-align: center;
text-shadow: 0px -1px 1px #000000, -1px 0px 1px #000000, 0px 1px 1px #1500ff, 1px 0px 1px #0015ff;
}
.paalinkitactive, paalinkitactive:visited {
font-family: 'Marck Script';
font-size: 18px;
display: block;
padding: 3px;
color: #ffffff;
background: url('http://image.ibb.co/i5NKHk/spacecatnavitausta2.png');
background-size: cover;
border: 1px solid #9500ff;
box-shadow: 0px 0px 5px #9500ff;
margin: 0px 5px 0px 0px;
text-align: center;
text-shadow: 1px 1px 1px #000000;
-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/nw5vq5/spacecatnavitausta.png');
background-size: cover;
border: 1px solid #b800ff;
box-shadow: 0px 0px 5px #b900ff;
margin: 0px 5px 0px 0px;
text-align: center;
text-shadow: 0px -1px 1px #000000, -1px 0px 1px #000000, 0px 1px 1px #8600ff, 1px 0px 1px #8600ff;
}
.navimargin {
position: relative;
top: -20px;
}
