Tutor.blog

Tutor.Blog je online priručnik na hrvatskom jeziku, za lakše snalaženje u HTML i CSS kodu. Ovdje možete naučiti kako učiniti svoj blog vizualno privlačnim, ali i osnove dizajniranja web stranica koje ne moraju biti nužno vezane uz blog.

Ovaj blog nije povezan sa uredništvom Blog.hr-a, te ne pruža podršku za tehničke probleme.

Besplatni predlošci za blog

Prilagođavanje besplatnog predloška

Izgled vašeg bloga ne mora biti ograničen na predloške koje vam nudi Blog.hr! Ako nemate afinitete prema crtanju / uređivanju slika, možete pronaći mnogo gotovih (besplatnih!) predložaka za vaš blog. U ovom postu govorim o predlošcima koje možete naći posvuda na Internetu, no ako želite predloške već prilagođene blogu pogledajte moje Blog.hr predloške.


Gdje pronaći predložak?

Na internetu :) Predloške možete naći pod engleskim izrazima templates, designs ili layouts. Za traženje može vam poslužiti search engine, ali ovdje se nalazi velik popis web stranica koje ih nude. Nedavno sam pronašla stranicu CreateBlog koji nudi predloške za najpoznatije blog alate, no naravno Blog.hr nije među njima. Ipak, ako skužite što treba editirati, mogu vam poslužiti.


Kako to da ljudi daju dizajne besplatno?

Eto, ima dobrih ljudi. No, svakako pročitajte uvjete korištenja na stranici čiji predložak vas zanima. Svaka takva stranica ima nekakve Rules, Terms of use ili Terms of service i obavezni ste ih pročitati. Ako ne pročitate, nemojte poslije cmizdriti kako vas pita neki password ili slično. Ljudi se na različite načine osiguravaju da korisnici pročitaju te uvjete. Ako se ne slažete sa uvjetima, jednostavno predložak nemojte koristiti. To je sva mudrost. Ako na predlošku piše ime stranice gdje ste ga downloadali, nemojte ga micati - onaj tko vam ga je dao besplatno na korištenje ima pravo da bude spomenut kao autor. Ako ne želite da na vašem predloëšku piše nečije ime, onda ga kupite.


Kako odabrati pravi?

Dobar predložak odlikovati će se brzinom učitavanja te lijepim izgledom i u browserima osim Internet Explorera. Naravno, neće svi biti pogodni za vaš blog. Preporučam da potražite layout iz kategorije div (također poznat pod nazivima divider, layer ili CSS - njega ćete najlakše prilagoditi) ili eventualno table. iframe (ili frame) nikako nije za blog.


Prilagođavanje predloška

Za to je potrebno znati nešto HTML-a. Ako ne znate baš ništa, žao mi je, ali neće vam uspjeti.
Ovo je najkonkretnije uputstvo što vam mogu dati, budući da se svi predlošci razlikuju i svaki autor ima svoj način pisanja koda. Ipak, ovo je zajedničko svima.
Otvorite index.html (vrlo vjerojatno je da se file tako zove) u Notepadu (ili nekom editoru koji koristite, ali namjestite na code view).
Prva stvar koju trebate učiniti je sve slike uploadati na neki besplatan server za slike. Zatim morate u samom fileu index.html promijeniti adrese tih slika u nove. Ako imate i neku .css datoteku, tamo također trebate promijeniti adrese slika. Zatim, negdje potražite u kodu

<link rel="stylesheet" type="text/css" href="nekoime.css" >

i umjesto toga napišite

<style type="text/css"> <!-- ovdje kopirajte CSS --> </style>

- tamo kopirajte cijeli sadržaj .css datoteke.
Sad potražite u file-u gdje se nalazi sadržaj. Vjerojatno je označen komentarima. Izbrišite sadržaj koji je tamo, i umjesto toga ubacite OVAJ KOD (to je blog kod i bez njega vam se postovi neće prikazivati).
Tamo gdje se nalaze linkovi (stupac s lijeve ili desne strane) ubaciti ćete boxeve. Izbrišite postojeći sadržaj i na to mjesto kopirajte OVAJ KOD.
Kada ste sve to napraviti, odite u blogeditor (Dizajn > HTML kod dizajna ). Izbrišite sav kod iz blogeditora.
Sada kopirajte sadržaj datoteke index.html u blogeditor. Spremite. Pogledajte blog. Ako izgleda kao originalni predložak koji ste željeli, onda ste sve napravili kako treba. Ako se ne vide slike, mora da niste upisali ispravne adrese. Ako se ne vide postovi ili boxevi, niste kopirali dobar kod. Ako vam postovi ili komentari nisu lijepi kao prije, onda bi bilo dobro da ste sačuvali kopiju starog bloga. (Jeste li?) Kopirajte iz starog koda bloga linije .komentari, .kalendar, .quoted, h1, h2, h3, h4 uglavnom sve što želite da bude kao prije - i pasteajte taj kod NA VRH odmah ispod linije < style type="text/css" >. Tako ćete osigurati da sve izgleda kao prije, a ako je u samom CSS-u predloëa definiran izgled nekih od tih tagova, onda će oni biti u skladu sa predloškom.


Ovo je prilično općenito i zato napominjem, morate biti upoznati sa HTML-om i CSS-om da biste uspjeli ovo napraviti kako spada. Pogledajte tutoriale iz arhive (posebno one na vrhu liste) ako mislite da niste dovoljno upućeni.

08.05.2005. @ 16:10

Blog je neaktivan i nije ga moguće komentirati. Obrazloženje

Nela Dunato Art & Design

Još niste uspjeli naći baš ono što vam treba? Pretražite cijeli Tutor.Blog:

Google

Informacije, razno

Tekstovi, slike i izvorni kod: nelchee


Nela Dunato art & Design
Moj design portfolio


In obscuro
Besplatni predlošci za web stranice


Cwtam - sketchblog
moj sketchblog




Prati me na Twitteru


Ako želite na svoj blog dodati link do Tutor.blog-a, kopirajte kod iz textbox-a (Desni klik --> Select All --> Copy) na mjesto gdje želite da se link pojavi. Hvala! :D


Tutor.Blog


HTML i CSS tutoriali


HTML i CSS tutoriali

Sadržaj ovog bloga je autorski rad. © 2005-2007 Nela Dunato
Login
Google

Blog.hr koristi kolačiće za pružanje boljeg korisničkog iskustva. Postavke kolačića mogu se kontrolirati i konfigurirati u vašem web pregledniku. Više o kolačićima možete pročitati ovdje. Nastavkom pregleda web stranice Blog.hr slažete se s korištenjem kolačića. Za nastavak pregleda i korištenja web stranice Blog.hr kliknite na gumb "Slažem se".Slažem se