Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

Joulukalenteri →

 

 

Tiedot

Nimi: Syysaamussa
Aihe: Eläimet
Lisätty: 8.12.2015
Tekijä: Razeback

HUOM

Kakkosotsikon edessä oleva kuvio on teillä hieman erilainen, sillä jostain syystä suntuubi ei pysty lukemaan kyseistä merkkiä, enkä näin ollen pysty laittamaan sitä kopioitavaan koodiin. Kyseisen kuvion kuitenkin löydät täältä, scrollaa vain alemmas kohtaan shapes.

Copyright

Ulkoasu: Viimakoura , Shizoo
Taustakuva: Backgrounds etc.

Kuvat

YläkuvaSisältöNavigaatioAlakuvaTaustakuva

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 800px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen): 0px 60px 0px 4px
CSS määrittelyihin pistettävät fontit: Verdana
CSS määrittelyihin pistettävä normaali fontin koko: 11px
CSS määrittelyihin pistettävä normaali fontin rivikorkeus: 17px
Taustaväri:  Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubiin --> toistuva
Tekstinväri: #8f8177
Sisällön taustaväri:  Taustakuva --> kuva jonka tallensit koneellesi ja 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: 11px
CSS määrittelyihin pistettävä navigaation alalinkin fontin koko: 10px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 255px
Navigaation marginaali: 3px 5px 5px 60px
Navigaation elementtien marginaali: 0px
Valikon ilmavuus, ylä- ja alamarginaali: 0px
Navigaation taustaväri:  Taustakuva --> kuva jonka tallensit koneellesi ja suntuubiin --> toistuva y-akselilla
Laatikkomainen navigaatio: Ei

Css-Koodi

/* css by Razeback, viimakoura.suntuubi.com */

@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Satisfy);

b, strong {color: #a98a75; text-shadow: 0px 0px 4px #a98a75;}

i, em { color: #b88a7e; text-shadow: 0px 0px 4px #b88a7e;}

u, underline { color: #91826f; text-shadow: 0px 0px 4px #91826f;}

s, strike { color: #a09185; text-shadow: 0px 0px 4px #a09185;}

a:link, a:visited {
color: #838b6d;
text-shadow: 0px 0px 3px #838b6d;
text-decoration: none;
}

a:hover {
color: #91826f;
text-shadow: 3px 0px 4px #91826f;
text-decoration: none;
}

h1 {
font-size: 40px;
color: #64513d;
text-shadow: 0px 0px 6px #64513d;
font-family: 'Quicksand', sans-serif;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

h2 {
font-size: 22px;
font-family: 'Satisfy', cursive;
color: #d7b78e;
text-shadow: 0px 0px 4px #d7b78e;
text-align: left;
margin-left: 20%;
margin-top: -15px;
margin-bottom: -10px;
padding: 1px;
}
h2:before{
content: "♦ ";
color: #9e9f76 !important;
}

h3 {
font-size: 11px;
font-family: verdana;
color: #f1e2bb;
text-shadow: 1px 1px 2px #f1e2bb;
text-align: center;
letter-spacing: 1px;
background-color: #917162;
box-shadow: 0px 0px 5px #917162;
border-radius: 8px;
margin: 0px;
padding: 3px;
}

.paalinkit,paalinkit:visited {
display: block;
font-family: verdana;
font-size: 11px;
font-weight: normal;
text-align: center;
background: #b7b592;
box-shadow: 0px 0px 5px #b7b592;
border-radius: 7px;
padding: 4px 5px 4px 7px;
margin: 2px 5px 2px 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkit:hover {
background: #d4c1a3;
box-shadow: 0px 0px 5px #d4c1a3;
border-radius: 7px;
padding: 4px 5px 4px 7px;
margin: 2px 5px 2px 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkitactive,paalinkitactive:active {
display: block;
font-family: verdana;
font-size: 11px;
font-weight: normal;
text-align: center;
letter-spacing: 1px;
background: #deccb9;
box-shadow: 0px 0px 5px #deccb9;
border-radius: 7px;
padding: 4px 7px 4px 5px;
margin: 2px 5px 2px 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
.paalinkitactive:hover {
display: block;
letter-spacing: 4px;
padding: 4px 7px 4px 5px;
margin: 2px 5px 2px 5px;
-moz-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-webkit-transition: all 0.20s ease-in-out;
}
::selection{
color: #fff;
background: #e5d1b4;
}
::-moz-selection{
color: #fff;
background: #e5d1b4;
}

 

 

©2018 VİİMΔĶΘŮЯΔ - suntuubi.com