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: Valkea maa
Aihe: Eläimet
Lisätty: 7.12.2017
Tekijä: Razeback

Copyright

Ulkoasu: Viimakoura , Jay Williams (Lisenssi) , Google fonts
Taustakuva: Pattern Cooler

Kuvat

Sivukuva,  Taustakuva

Sivukuvan asennus:
Graiikka --> Lisää grafiikkaa sivupalkkiin ylös

Yleiset Asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 900px
Sivun ylä- ja alamarginaali: 0px
Sisällön marginaalit (ylä,oikea,ala,vasen):  10px 30px 10px 10px
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: #444
Sisällön taustaväri:  transparent
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: 250px
Navigaation marginaali: 10px 10px 20px 6px
Navigaation elementtien marginaali: 0px
Valikon ilmavuus, ylä- ja alamarginaali: 0px
Navigaation taustaväri:  none
Laatikkomainen navigaatio: Ei

Css-Koodi

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

@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
@import url('https://fonts.googleapis.com/css?family=Belleza');

b, strong {color: #8b8f84; text-shadow: 0px 0px 3px #adb2a4; }

i, em { color: #bb9b9f; text-shadow: 1px 2px 3px #bb9b9f; }

u, underline { color: #a8a096; text-shadow: 0px 0px 3px #a8a096; }

s, strike { color: #c2bfaa; text-shadow: 0px 0px 3px #c2bfaa; }

a:link, a:visited {
color: #896947;
text-shadow: 0px 0px 5px #ab9263;
text-decoration: none;
}
a:hover {
text-shadow: 0px 0px 5px #b7ad9a;
color: #b7ad9a;
cursor: help;
}

h1 {
font-size: 35px;
font-family: 'Fredericka the Great', serif;
color: #a68264;
text-align: center;
padding: 1px 10px 0px 10px;
margin: 0px 0px 2px 0px;
}

h2 {
font-size: 15px;
font-family: 'Belleza', sans-serif;
color: #fff;
text-shadow: 0px 0px 7px #fff;
text-align: center;
font-weight: normal;
border-radius: 2px;
letter-spacing: 1px;
background: #a57a87;
margin: 0px;
padding: 3px 0px 3px 0px;
}

h3 {
font-size: 15px;
font-family: 'Belleza', sans-serif;
color: #838d82;
text-shadow: 0px 0px 7px #9faba2;
text-align: center;
font-weight: normal;
border-bottom: 1px solid #9faba2;
background: #d8dbcf;
padding: 2px 10px 2px 15px;
margin: 2px 0px 2px 0px;
}

.paalinkit,paalinkit:visited {
display: block;
font-family: 'Belleza', sans-serif;
font-size: 13px;
color: #b09278 !important;
text-shadow: 0px 0px 2px #b09278 !important;
text-align: center;
letter-spacing: 1px;
border: 1px solid #fff;
box-shadow: 0px 0px 6px #bbb;
border-radius: 2px;
padding: 6px 3px 6px 3px;
margin: 3px 5px 6px 5px;
  background: -webkit-radial-gradient(#fff, #d6c8bd);
  background: -o-radial-gradient(#fff, #d6c8bd);
  background: -moz-radial-gradient(#fff, #d6c8bd);
  background: radial-gradient(#fff, #d6c8bd);
-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 {
font-family: 'Belleza', sans-serif;
color: #816853 !important;
text-shadow: 0px 0px 3px #b09278 !important;
text-align: center;
border: 1px solid #fff;
box-shadow: 0px 0px 6px #bbb;
border-radius: 2px;
padding: 6px 3px 6px 3px;
margin: 3px 5px 6px 5px;
  background: -webkit-radial-gradient(#fff, #eae5e1);
  background: -o-radial-gradient(#fff, #eae5e1);
  background: -moz-radial-gradient(#fff, #eae5e1);
  background: radial-gradient(#fff, #eae5e1);
-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: 'Belleza', sans-serif;
color: #244627 !important;
text-shadow: 1px 1px 3px #517954 !important;
font-size: 12px;
text-align: center;
letter-spacing: 2px;
border: 1px solid #fff;
box-shadow: 0px 0px 6px #bbb;
border-radius: 2px;
padding: 6px 3px 6px 3px;
margin: 3px 5px 6px 5px;
  background: -webkit-radial-gradient(#fff, #c6d0bc);
  background: -o-radial-gradient(#fff, #c6d0bc);
  background: -moz-radial-gradient(#fff, #c6d0bc);
  background: radial-gradient(#fff, #c6d0bc);
}
.paalinkitactive:hover {
font-family: 'Belleza', sans-serif;
letter-spacing: 3px;
border: 1px solid #fff;
box-shadow: 0px 0px 6px #bbb;
border-radius: 2px;
padding: 6px 3px 6px 3px;
margin: 3px 5px 6px 5px;
  background: -webkit-radial-gradient(#fff, #dde9d0);
  background: -o-radial-gradient(#fff, #dde9d0);
  background: -moz-radial-gradient(#fff, #dde9d0);
  background: radial-gradient(#fff, #dde9d0);
-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: #b8aa9a;
}
::-moz-selection{
color: #fff;
background: #b8aa9a;
}

.tekstihtml{
background-color: #fff;
box-shadow: 0px 0px 10px #ccc;
border-radius: 8px;
width: 650px;
margin: 5px 5px 10px 5px;
padding: 15px;
}

 

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