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

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 

©2018 Vapaasti by AK - suntuubi.com