Nećemo ulaziti u suštinu html-a, već ćemo se pozabaviti praktičnim delom, u prevodu, i ova je lekcija namenjena za totalne početnike, koji će bez poznavanja html-a uspeti da svoj blog izmene prema sopstvenoj želji.
Za početak vam predlažem da učitate dizajn "Blood Wall", jer sam ga u medjuvremenu modifikovao zbog potrebe ove lekcije. Ukoliko jeste, vežite se polećemo.
1. Kao prvo, da bi smo uopšte krenuli sa ovom lekcijom, moramo se upoznati sa osnovnom koncepcijom označavanja boja u html-u. Svaka boja je izražena u obliku heksadecimalne vrednosti. Tako na primer bela boja ima oznaku #ffffff, crna #000000 i tako dalje. Kako će te znati koje su ostale vrednosti boja ? Pogledajte na sledećem linku heksadecimalne vrednosti boja.
2. Otvorite sada kod svog dizajna. Svaki blog dizajn se sastoji iz recimo 2 osnovna dela. Prvi je stil (to je ono što nas u suštini sada zanima) a drugi je programski deo u kome se nalaze sve neophodne komande kako bi blog pravilno funkcionisao.
Stil bloga u kodu kreće linijom:
Sve linije ispod, su linije koda koje upravljaju izgledom vašeg bloga. Obično u tom delu definišemo odredjene stilove sa parametrima koje ćemo primenjivati u svom dizajnu.
Evo konkretnog primera
Stil h2 u kodu bloga je iskorišćen za naslov posta
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #E78883;
margin-bottom: 12px;
Stil h3 je iskoriščen za tekst posta
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 15pt;
color: #ffffff;
margin-bottom: 2px;
Stil h4 je iskorišćen za naslov bloga
h4 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 40pt;
color: #CC0000;
margin-bottom: 12px;
Stil h5 za komentare
h5 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #ffffff;
margin-bottom: 12px;
Stil za linkove
a:link { color: #F3C5C2; }
a:visited { color: #F3C5C2; }
a:hover { color: #ffffff; }
U svakom od njih vidite četiri parametra koje možete proizvoljno da menjate,
font-family - označava vrstu fonta
font-size - je veličina fonta
color - boja fonta
margin-bottom - margine
Stilovi mogu da sadrže i druge parametre, boldiranje fonta, prored, kao i niz drugih komandi, ali mi ćemo se zadržati na ove osnovne parametre. Dakle krenite sa eksperimentisanjem, sve što treba da uradite jeste da u svom kodu blog dizajna pronađete navedene linije iz primera i da izmenom njihovih vrednosti dobijete veličinu i boju fonta koji želite. Ovo Vam je sasvim dovoljno za početak. Srećno u eksperimentisanju.