MSD Team blog ©

utorak, 30.08.2005.

PROMJENA OBLIKOVANJA BLOGA

Budući da je puno vas pokazalo interes za oblikovanjem bloga odlučili smo vam neke osnovne stvari prikazati na jednostavan i razumljiv način.
Blog je u biti web stranica u koju su pomoću skripti ubačeni elementi bloga tako da se pomoću jednostavne forme mogu zapisivati vaši postovi, komentari i drugo. To je napravljeno stoga da se omogući pisanje postova na blogu i onima koji ne znaju ništa o programiranju i web dizajnu.
ELEMENTI BLOGA

Iz naziva se lako da zaključiti na što se odnose.
ŠTO JE CSS?
CSS je skraćenica od "Cascading Style Sheets", a služi definiranju stilova koji određuju izgled HTML elemenata (font, boje, pozadine, razmake...). Ti stilovi se pohranjuju u "Style Sheets", externe fajlove sa .css extenzijom, ili jednostavno se pišu u zaglavlju HTML dokumenta ili čak inline, tj. na samim elementima. U blogu se one nalaze u zaglavlju HTML koda unutar tagova . CSS iz web dokumenta (i bloga) odvaja definicije stilova i na taj način HTML kod postaje pregledniji, a na taj način povećavate brzinu učitavanja web stranice (bloga).
KAKO PROMIJENITI OBLIKOVANJE HTML ELEMENTA?
Otvorite HTML kod svog bloga (blog editor -> dizajn -> HTML kod predloška) i u njemu nađite element bloga kojemu želite promijeniti oblikovanje. Pogledajte kako se zove njegovo oblikovanje i izmjenite stil oblikovanja u CSS-u.

pr. Želite promijeniti oblikovanje naslova posta tako da bude u fontu Tahoma i crne boje
Pronađite u HTML kodu <$NaslovPosta$> i pogledajte njegovo oblikovanje.
Ako piše ovako:

stil oblikovanja je 'h3'. Pronađite u CSS-u oblikovanje 'h3' i izmjenite mu svojstva. Promijenite kod boje u željeni (color:#000000;) i font u (font-family:Tahoma,Arial;).
Kodove boja objasnit ćemo u nastavku posta.
TIPOVI OBLIKOVANJA
Svakom elementu CSS-a možete definirati boju (color), tip fonta (font-family), veličinu slova (font-size), boju pozadine (background-color), poravnanje (text-align), obrub (border) i mnoge druge.
KODOVI BOJA
Boje nisu šifrirane (kao što su neki možda pomislili), nego su zapisane u heksadecimalnom obliku. Kodovi osnovnih boja su: #FFFFFF - bijela, #000000 - crna, #C0C0C0 - srebrna, #CCCCCC - siva, #0000FF - plava, #FF0000 - crvena. Umjesto hex koda boje možete koristiti i engleski naziv boje, pa pisati black, silver, gray, blue, red, navy, olive, orange, pink... Dakle #000000 i black će se isto prikazati.
Kodove svih boja pogledajte ovdje:
http://www.w3schools.com/css/css_colornames.asp
http://www.colorschemer.com/online.html
FONTOVI
Pri odabiru fontova koje ćete koristiti na svom blogu morate paziti da odaberete standardni font, tako da ga svi mogu ispravno vidjeti vaš blog (ili web stranicu). Ako koristite dijakritičke znakove (č, ć, š, đ, ž) na svom blogu, morate izabrati font koji sadrži te znakove. Također poželjno je u stilu font-family upisati više fontova kako bi se tekst na računalo koje nema instaliran prvi font prikazalo u drugom fontu, a ne kao hrpa kockica i čudnih znakova.
Standardni Windows fontovi su: Arial, Times New Roman, Verdana, Tahoma, Lucida Sans, Tempus Sans ITC, Trebuchet MS, Lucida Handwriting...
HRVATSKA SLOVA NA BLOGU (WEB STRANICI)
Želite li hrvatske znakove (dijakritičke, č, ć, đ, ž, š) na blogu stavite sljedeću liniju koda odmah iza taga u HTML kodu predloška:

Nadam se da vam je sada sve bar malo jasnije, te da se možete upustiti u doradu svog bloga prema svojim željama.
Prije svih izmjena prepuručujemo vam spremanje trenutnog HTML koda u tekstualnu datoteku, da je možete vratiti u slučaju da nešto ne ispadne kako treba!
--
by .:Dalibor:.
- 19:15 - Komentari (41) - Isprintaj - #

<< Arhiva >>

< kolovoz, 2005 >
P U S Č P S N
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        


Dnevnik.hr
Gol.hr
Zadovoljna.hr
Novaplus.hr
NovaTV.hr
DomaTV.hr
Mojamini.tv

  • 22.05.2006.
    uploadirana redizajnirana galerija predložaka
    07.05.2006.
    redizajniran blog
    15.02.2006.
    otvoren m-sd web forum
    22.01.2006.
    dodan online brojač
    14.01.2006.
    dodani fontovi za download
    02.01.2006.
    3. put na naslovnici
    15.12.2005.
    dodani novi predlošci u galeriju
    08.11.2005.
    dodana rubrika 'Foto kutak'
    14.11.2005.
    postavljena nova anketa
    09.11.2005.
    preko 10000 posjeta
    31.10.2005.
    4. put u Flash vijestima
    21.10.2005.
    postavljena Googleova tražilica
    09.10.2005.
    novi dizajn pušten u pogon i dodani novi predlošci u galeriju
    26.08.2005.
    3. put u Flash vijestima
    25.08.2005.
    postavljena nova anketa
    24.08.2005.
    dodani novi predlošci u galeriju
    20.08.2005.
    2. put u Flash vijestima
    19.08.2005.
    otvorena galerija predložaka
    15.08.2005.
    2. put na naslovnici
    15.08.2005.
    postavljena nova anketa
    03.08.2005.
    otvorena stranica sa rezultatima prethodnih anketa (kasnije zatvorena)
    25.07.2005.
    postavljena nova anketa
    25.07.2005.
    dospjeli na naslovnicu i Almost cool listu
    10.07.2005.
    izvršena optimizacija za Firefox
    10.07.2005.
    dodana download rubrika
    09.07.2005.
    novi dizajn pušten u pogon
    02.07.2005.
    započeto testiranje i usavršavanje novoga dizajna