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

 

Sivusto näkyy väärin Internet Explorerilla, Firefoxilla näkyy paremmin, mutta jos haluat taata sivun ja koodien täydellisen näkymisen, käytäthän Google Chromea? :)

Taustat: © Velvet Factory

Simple

Kuvat

Yläkuva  |  Alakuva  |  Sivupalkin(ylös) kuva  |  Sisällön taustakuva

 

COPYT

Lisää Copyt johonkin paikkaan, jossa ne näkyvät joka sivulla, esim. grafiikka > Lisää grafiikkaa sisällön alapuolelle (edistynyt muokkaus)

Liitä koodi-tilassa:

<span style="font-size:9px;">Ulkan Copyt: <a href="http://deadmarshes.deviantart.com/">deadmarshes</a></span>

 

YLEISET ASETUKSET

Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 855px
Sisällön marginaalit (ylä,oikea,ala,vasen): 15px 25px 15px 25px
CSS määrittelyihin pistettävät fontit: Trebuchet MS
Taustaväri: esim. #9b7c67, #62b946, #b9e7ff
Sisällön taustaväri: Sisällön taustakuva
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä

Navigaatio

Navigointi: Vasen
CSS määrittelyihin pistettävä navigaation fontti: Trebuchet MS
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 163px
Navigaation taustaväri: Transparent
Laatikkomainen navigaatio: Ei
Piilotetaanko kirjautuneen käyttäjän tiedot?: Kyllä

Tulostus

Tarjotaanko sivuista tulostettavaa versiota?: Ei

 

CSS-KOODIT

Grafiikka > Css-tyylien lisäys

.navi {

  text-align: center;
  background-color: white;
  box-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
  border-radius: 18;
}
 
body{
cursor: crosshair;
word-spacing: 3;
  font-family: trebuchet ms;
  font-size: 12px;
}
 
a:link, a:visited {
color: #497e32;
font-weight: 300;
  font-size: 13;
  font-family: century gothic;
}
 
a:hover {
color: #000;
  font-style: italic;
  font-family: century gothic;
  letter-spacing: 2;
}
 
h1 {
font-family: Trebuchet ms;
  font-size: 27;
  color: #fff;
  text-align: center;
  text-shadow: 1px 0px 1px #000, 1px 0px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, 0px 1px 1px #000, 0px 1px 1px #000, 0px -1px 1px #000, 0px -1px 1px #000, 0px -1px 1px #000, -1px 0px 1px #000, -1px 0px 1px #000, -1px 0px 1px #000;
 }
 
h1:before {
  content: "» ";
     font-size: 27;
  color: #000;
}
 
h1:after {
  content: " «";
     font-size: 27;
  color: #000;
}
 
 
h2 {
  font-family: trebuchet ms;
  font-style: italic;
  font-weight: 100;
  font-size: 18;
  color: #a0816c;
  letter-spacing: 5;
  border-bottom: 1px solid black;
}
 
b, strong {
color: #6c513e;
text-shadow: 0px 0px 3px #adadad;
}
 
i, em {
color: #497e32;
 
u {
   color: #8c8180;
  letter-spacing: 1;
}
 
.paalinkit, paalinkit:visited {
color: #475735;
font-weight: 300;
  font-size: 14px;
  font-family: century gothic;
}
 
.paalinkit:hover {
color: #497e32;
font-weight: 300;
  font-size: 14px;
  font-family: century gothic;
}
 
.paalinkitactive {
color: #497e32;
font-weight: 300;
  font-size: 14px;
  font-family: century gothic;
}
 
.paalinkitactive:visited, {
color: #497e32;
font-weight: 300;
  font-size: 14px;
  font-family: century gothic;
}
 
.paalinkitactive:hover {
color: #497e32;
font-weight: 300;
  font-size: 14px;
  font-family: century gothic;
}
©2019 Suntuubitallit - suntuubi.com