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

Loyalty

Kuvat

Taustakuva  |  Yläkuva  |  Alakuva  |  Navigaation taustakuva  |  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://www.flickr.com/photos/cindy47452/">cindy47452</a></span>

yleiset asetukset

 

Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 846px
Sisällön marginaalit (ylä,oikea,ala,vasen): 0px 120px 0px 10px
CSS määrittelyihin pistettävät fontit: trebuchet ms
Taustaväri: black
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: 236px
Navigaation marginaali: 5px 26px 5px 33px
Navigaation taustaväri: Navigaation taustakuva
Laatikkomainen navigaatio: Ei
Piilotetaanko kirjautuneen käyttäjän tiedot?: Kyllä

Tulostus

Tarjotaanko sivuista tulostettavaa versiota?: Ei

Css-koodit

Grafiikka > Css-tyylien lisäys

 

/* KOODI (c) JULIUS, suntuubitalli.suntuubi.com */
.navi {
text-align: right;
}
 
body{
cursor: crosshair;
word-spacing: 3;
  font-family: verdana;
  font-size: 13px;
  background-color: black;
  background-image: url('http://sacrifice.suntuubi.com/datafiles/userfiles/Image/ulkka5.png');
  backgrouns-position: left;
  background-repeat: no-repeat;
  padding-left: 200px;
}
 
a:link, a:visited {
color: #603f38;
font-weight: 300;
  font-size: 13;
  font-style: italic;
  border-bottom: 1px solid black;
}
 
a:hover {
color: #000;
    font-style: italic;
  border-bottom: 1px dashed black;
}
 
h1 {
font-family: times new roman;
  font-style: italic;
  font-weight: 100;
  letter-spacing: 3px;
  text-align: center;
  border-bottom: 3px double #5c5b5a;
  font-size: 27;
  color: #abaaa9;
  text-shadow: 0px 0px 3px black, 0px 0px 3px black;
 }
 
h1:first-letter {
  font-size: 30px;
  color: #000000;
    text-shadow: 0px 0px 10px #abaaa9, 0px 0px 3px #abaaa9;
}
 
h2 {
  font-family: trebuchet ms;
  font-style: italic;
  font-weight: 100;
  font-size: 16;
  color: #5c6469;
  letter-spacing: 2;
  text-shadow:  0px 0px 4px black;
  border-bottom: 1px solid black;
}
 
h2:before {
  content: "⋰  ";
}
 
h2:after {
  content: "  ⋱";
}
 
b, strong {
color: #000;
font-variant: small-caps;
  font-weight: bold;
  font-size: 15;
  text-shadow: 0px 0px 4px #5c5b5a;
}
 
i, em {
color: #6b6966;
 
u {
   color: #8c8180;
  letter-spacing: 1;
}
 
.paalinkit, paalinkit:visited {
color: #000;
font-weight: 300;
  font-size: 13px;
  font-family: trebuchet ms;
}
 
.paalinkit:hover {
color: #000;
font-weight: 300;
  font-size: 13px;
  font-family: trebuchet ms;
}
 
.paalinkitactive {
color: #497e32;
font-weight: 300;
  font-size: 13px;
  font-family: trebuchet ms;
}
 
.paalinkitactive:visited, {
color: #497e32;
font-weight: 300;
  font-size: 13px;
  font-family: trebuchet ms;
}
 
.paalinkitactive:hover {
color: #000;
font-weight: 300;
  font-size: 13px;
  font-family: trebuchet ms;
}

 

 

©2019 Suntuubitallit - suntuubi.com