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

HUOMIO!

Koska Suntuubi lopettaa toimintansa ja kaikki Suntuubin sivut poistuvat vuoden kuluttua, siirrämme tämän sivuston toiminnan toisaalle, että kuvat pysyvät vapaasti teidän käytössä! 

UUSI SIVUSTO TÄÄLLÄ!

Neuvoja, huomautuksia, käskyjä jne:

  • Oman otsikon voi lisätä!
  • Taustan saa vaihtaa, tässä on käytössä Ava7patterns:n tausta
  • CSS -koodit kuuluvat ulkoasuun, mutta ulkan voi kopioida myös ilman niitä!
  • Muista säilyttää kuvien tiedostomuodot oikeana!
  • Copy merkintä seuraavasti: Ulkoasu © AK, taustakuva © ava7 patterns
    • copyt voi laittaa esimerkiksi  näin: Grafiikka -> Lisää grafiikkaa sisällön alapuolelle,  Edistynyt muokkaus ->
    • kirjoita siihen: Ulkoasu © AK, taustakuva © ava7 patterns -> tallenna ja julkaise!
      • mutta toki jos vaihdat taustan -> vaihdat silloin myös copyihin oikean linkin!
  • Suosittelen lämpimästi vaihtamaan sivustosi sivupohjan aivan aluksi Abstrakti_1:seen. Se pyyhkii kaikki jo tehdyt muokkaukset ja ulkoasu on helpompi vaihtaa kun aloittaa puhtaalta pöydältä!

 

 

Yläpalkki
Alapalkki
Teksin tausta
Navigaation tausta
Sivun tausta
tinker_otsikko_2

 

Muista lisätä tinker_otsikko_2.png kuvan osoite css koodeihin!!

Css
body{
font-family: trebuchet ms;
font-size: 12px;}  
h1 {
font-family:Sans-serif;
font-size : 25px;
color : #000;
text-shadow: 0px 0px 3px #e0c96d, 0px 0px 3px #000;
font-weight: thin; letter-spacing : 4px; }  
h1:first-letter {
font-size: 27px;
text-shadow: 0px 0px 3px #e0c96d, 0px 0px 3px #000; }
h2 {
font-weight: thin;
font-family: Verdana;
font-size : 16px;
color : #000;
font-variant: small-caps;
letter-spacing : 4px;
text-align : center;
background-image: url('HTTP://tinker_2otsikko.png tähän');
background-repeat: repeat-y; background-position: center; }  
 b, strong {
font-size: 13px;
color : #000;
text-shadow: 0px 0px 3px #e0c96d,
letter-spacing : 2px; }
  i, em {
font-family : Trebuchet MS;
font-size : 12px;
color :#000 ;
text-shadow: 0px 0px 1px #726a4c;
letter-spacing : 3px; }
u {
font-family : Trebuchet MS;
font-size : 12px;
color : #000;
border-bottom: 1px inset #513f2d;
font-family : courier New;
color : #000;   } 
a:hover {
font-family :Trebuchet MS;
color : #000;
border-bottom : 1px dotted #000; }  
.paalinkit:before {
content: "◦"; color: #000; }  
.paalinkitactive:before { content: "◦ "; color: #000;     }  
.paalinkit, paalinkit:visited {
font-family : Sans-serif;
font-size : 15px;
width: 121px;
height : 13px;
display : block;
font-variant: small-caps;
text-align : center;
letter-spacing : 2px;
font-weight: thin; }  
.paalinkit:hover {
font-family : Sans-serif;
font-size : 15px; width: 121px; height : 13px;
font-variant: small-caps;
text-decoration : none;
font-weight : 100;
font-style : normal;
display : block;
text-align : center;
letter-spacing : 2px;
border-bottom : 1px dotted #000; }
 .paalinkitactive, paalinkitactive:visited {
font-family : Georgia; font-size : 15px;
width: 121px; height : 13px; display : block;
font-variant: small-caps;
text-align : center;
letter-spacing : 2px;
text-decoration : none;
font-weight : 100;
font-style : normal; }  
.paalinkitactive:hover {
font-family : Georgia; font-size : 15px;
width: 121px; height : 13px;
letter-spacing : 2px;
text-decoration : none;
font-weight : 100;
font-style : normal;
display : block;
text-align : center; }  
 

 

 

 

Ohjeet, koodit yms :

Yleiset asetukset

ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 780px

CSS määrittelyihin pistettävät fontit → trebuchet ms

CSS määrittelyihin pistettävä normaali fontin koko → 12px

CSS määrittelyihin pistettävä keskikokoisen otsikon fontit → 16px

CSS määrittelyihin pistettävä keskikokoisen otsikon lihavointi → normaali

CSS määrittelyihin pistettävä keskikokoisen otsikon väri → black

CSS määrittelyihin pistettävä suuren otsikon fontit → Sans-serif

CSS määrittelyihin pistettävä suuren otsikon fonttikoko → 25px

CSS määrittelyihin pistettävä suuren otsikon lihavointi → kevennetty

CSS määrittelyihin pistettävä suuren otsikon väri → black

Taustaväri → tinker_tausta.png (toistuva)

Tekstinväri, linkkiväri→ black

Sisällön taustaväri → tinker_teksti.jpg (toistuva y-akselilla)

Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: KYLLÄ

 

Navigaatio

Navigointi → vasen

CSS määrittelyihin pistettävä navigaation fontti → Sans-serif, Georgia

CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko → 15

Piilotetaanko navigaation pikkukuva? → KYLLÄ

Navigaation leveys pikseleinä tai prosentteina → 136px

Valikon ilmavuus, ylä- ja alamarginaali → 10px

Navigaation tekstin väri/linkkiväri/Muille sivuille menevien linkkien väri/Aktiivisen kategorian linkkiväri → black

Navigaation taustaväri → tinker_navi.jpg

Laatikkomainen navigaatio → EI

 

Tulostus

Tarjotaanko sivuista tulostettavaa versiota? → EI

 

Grafiikka

Lisää grafiikkaa yläpalkkiin → tinker_banneri.jpg

Lisää grafiikkaa alapalkkiin → tinker_alab.jpg

Lisää grafiikkaa sisällön alapuolelle, edistynyt muokkaus → Ulkoasu © AK, taustakuva © ava7 patterns

Css -tyylien lisäys → css koodit

 

Mikäli et käytä näitä ominaisuuksia, asetuksia ei ole pakko muuttaa!

Vieraskirja

Vieraskirjan taustaväri → #c9c6a1

Vieraskirjan painikkeiden väri → #ececd0

Vieraskirjan reunojen värit → #CCCCCC

Vieraskirjan lomakkeen tekstin värit → black

Näytetäänkö otsikko? → EI

 

Blogi

Näytetäänkö kuva otsikon edessä? → EI

Kommenttien taustaväri → #c9c6a1

Kommenttien reunanväri → #666666

Blogin nykyisen päivän taustaväri → #938e5a

Blog merkinnän omaavan päivän taustaväri → #c9c6a1

Blogin kuukausi taulun reunojen väri→#000000

Blogin kuukauteen kuulumattomien päivien väri→#aaaaaa

Blogin kuukausi/vuosi vetovalikon taustaväri→#ececd0

Blogin rajaajan väri?→#E2E1E1

Blogin otsikon väri → #000000

Blogauksen päivämäärän väri → #666666

Blogin lomakkeen taustaväri → #c9c6a1

 

Kuvagalleria

Kuvagallerian linkkien väri? → black

Kuvagallerian palkkien taustaväri? → #c9c6a1

Kuvagallerian palkkien reunaväri? → #000000

Montako kuvaa näytetään rinnan? → 3, 2 tai 1 (valitse mielesi mukaan jokin määrä. Kuitenkin maksimissaan kolme!)

 

 

Taustakuva © Backgrounds ETC 

©2019 Vapaasti by AK - suntuubi.com