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ä! Huomaathan, että hirveän pitkä otsikko ei mahdu!
    • Mikäli tahdot tuon virtuaalitalli-sanan otsikon yläpuolelle, valitse yläpalkki2.
  • Taustan saa vaihtaa, tässä on käytössä Backgrounds ETC: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 © Backgrounds ETC
    • copyt voi laittaa esimerkiksi  näin: Grafiikka -> Lisää grafiikkaa sisällön alapuolelle,  Edistynyt muokkaus ->
    • kirjoita siihen: Ulkoasu © AK, taustakuva © Backgrounds ETC -> 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 / yläpalkki 2
Navigaatio
Sisällön yläpuoli
Sisällön tausta
Alabanneri
Taustakuva

 
Css_kimot:
body{
font-family: trebuchet ms;
font-size: 14px;
font-style: normal;
}
h1 {
font-family: georgia;
font-size: 25px;
color: #000;
font-style: italic;
text-align : left;
text-shadow: 0px 0px 10px #46423f;
}
h1:first-letter {
font-size: 30px;
font-style: italic;
color: #000000;
text-shadow: 0px 0px 1px #000, 0px 0px 2px #000;
}

h2 { font-weight: thin;
font-family: Verdana;
font-size : 16px;
color : #000;
font-variant: small-caps;
letter-spacing : 4px;
text-align : center;
}
b, strong {
font-size: 13px;
font-variant: small-caps;
color : #000;
text-shadow : 0px 0px 5px #7e7268;
letter-spacing : 1px;
}
i, em {
font-family : Trebuchet MS;
font-size : 12px;
color : #513f2d;
letter-spacing : 2px;
}
u {
font-family : Trebuchet MS;
font-size : 12px;
color : #000;
border-bottom: 1px dashed #9a91
8a; }
a:link, a:visited {

font-family : courier New;

color : #000;

}
a:hover {
font-family : courier New;
color : #000;
}

 

Ohjeet, koodit yms :

Muokka navigaatiota Navigaatiokuva: lisää nämä kuvat sivujen mukaan (esim. etusivu-kuva etusivun navigaatiokuivaksi!): Etusivu, esittely, hevoset, toiminta, yhteys.
On tärkeää, että etusivu on vasemmassa laidassa ja yhteys oikeassa laidassa!
Mikäli et tahdo juuri näitä navigaatioosi, voit kehitellä omasi!

Yleiset asetukset ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 800px

Sivun ylä- ja alamarginaali: 5px

Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 30px 30px 30px

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

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

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

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

CSS määrittelyihin pistettävä suuren otsikon fontit → georgia

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

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

Taustaväri →kimot_taustakuva.jpg (toistuva)

Tekstinväri, linkkiväri→ black

Sisällön taustaväri → kimot_sisällön.png (toistuva y-akselilla)

Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: kyllä

 

Navigaatio

Navigointi →ylä

CSS määrittelyihin pistettävä navigaation fontti → Verdana, georgia

Vetovalikko navin elementtien leveys: 117px

Valittuna olevan linkin ja aktiivisen linkin väri vetovalikossa?:→ black

Navigaation taustaväri → kimot_navi.png

Kaikki muut värit: transpatent

 

Tulostus

Tarjotaanko sivuista tulostettavaa versiota? → EI

 

Grafiikka

Lisää grafiikkaa yläpalkkiin → kimot_banneri.png

Lisää grafiikkaa alapalkkiin → kimot_alabanneri.png

Lisää grafiikkaa sisällön ja uutispalkin yläpuolelle. →Kimot_ylaosa.png

Lisää grafiikkaa sisällön alapuolelle, edistynyt muokkaus → Ulkoasu © AK, taustakuva © Backgrounds ETC (muista linkittää!!)

Css -tyylien lisäys → css koodit

 

Vieraskirja Vieraskirjan asetuksia ei ole pakko vaihtaa, mikäli et halua/käytä vieraskirjaa.TÄSTÄ näet millaisena vieraskirja näkyy näillä asetuksilla

Vieraskirjan taustaväri →#c4bcb5; margin-bottom: 3px; margin-top: 3px; #000; text-shadow: 6px 6xp 7px #000000; box-shadow: 0 0 2px #000000;; border-radius: 8px; -moz-border-radius: 8px;

Vieraskirjan painikkeiden väri → #FFFFFF

Vieraskirjan reunojen värit → #000000; border-radius: 10px; -moz-border-radius: 10px; border: 1px #2c8fac; text-shadow: 6px 6xp 7px #000000; box-shadow: 0 0 2px #000000;

Vieraskirjan lomakkeen tekstin värit → #000000

 

 

 

Taustakuva © Backgrounds ETC 

©2019 Vapaasti by AK - suntuubi.com