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

Blue Moment

Kuvat

Yläkuva  |  Alakuva  |  Navin tausta  |  Sisällön tausta

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/bombeador/">Eduardo Amorim</a></span>

Yleiset asetukset

 

Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 770px
Sisällön marginaalit (ylä,oikea,ala,vasen): 15px 33px 15px 9px
CSS määrittelyihin pistettävät fontit: Trebuchet MS
Taustaväri: #0e2347
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: 200px
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

body{
cursor: crosshair;
word-spacing: 3;
  font-family: trebuchet ms;
  font-size: 12px;
}
 
a:link, a:visited {
color: #0d3b9f;
font-weight: 300;
  font-style: italic;
}
 
a:hover {
color: #000;
font-weight: 300;
border-bottom: 1px dashed #0d3b9f;
  font-style: normal;
}
 
h1 {
font-family: century gothic;
  font-size: 27;
  color: #1b3b7b;
  border-left: 20px solid black;
  border-right: 20px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  font-style: italic;
  font-weight: 100;
  background-repeat: no-repeat;
  background-position: left;
 }
 
h2 {
  font-family: century gothic;
  font-style: italic;
  font-weight: 500;
  font-size: 18;
  color: #7789a7;
  text-align: right;
  letter-spacing: 5;
  text-shadow: 0px 0px 10px #000;
  border-bottom: 1px solid black;
}
 
b, strong {
color: #092152;
  font-variant: small-caps;
  font-size: 14;
}
 
i, em {
color: #000;
  font-weight: 100;
  text-shadow: 0px 0px 3px #0d3b9f;
 
}
 
u {
   color: #8c8180;
  letter-spacing: 1;
}
 
.paalinkit, paalinkit:visited {
   font-size: 13;
  text-decoration: none;
  border-bottom: transparent;
}
 
.paalinkit:hover {
   font-size: 13;
  text-decoration: none;
  border-bottom: transparent;
  border-bottom: 1px solid #000;
}
 
.paalinkitactive {
   font-size: 13;
  color: black;
  text-decoration: none;
  border-bottom: transparent;
    border-bottom: 1px solid #000;
}
 
.paalinkitactive:visited, {
   font-size: 13;
  font-size: 16;
  color: black;
  text-decoration: none;
  border-bottom: transparent;
}
 
.paalinkitactive:hover {
   font-size: 13;
  color: black:
  text-decoration: none;
  border-bottom: transparent;
}
 
.paalinkit:before {
   content: "» ";
   color: #000000;
}
 
.paalinkitactive:before {
   content: "» ";
   color: #1b3b7b;
}
©2019 Suntuubitallit - suntuubi.com