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

Učestalo postavljana pitanja

Ovdje se nalaze odgovori na pitanja koja nisu toliko kompleksna da zaslužuju poseban post.


Ne rade mi username i password! Ne mogu otvoriti blog! Nestali su mi postovi! Netko mi je zauzeo adresu!

Ne mogu vam pomoći jer ovaj blog nije povezan sa uredništvom Blog.hr-a.


Kako se radi predložak?

Nemoguće je na to pitanje odgovoriti ukratko, a nadugačko imate po cijelom blogu. Preporučam tekstove:


Blog mi se presporo učitava!

Pretpostavljam da imate neku veliku slikovnu pozadinu? Također, možda imate i mnogo sličica na blogu? Objavljujete li više od 5 postova na stranici? Imate li neke JavaScript-e? MP3 vam svira u pozadini? Pokazujete ljudima neke filmiće?
Onda je sasvim normalno da vam se blog sporo učitava. Izbrišite neke od tih sadržaja i učitavanje će biti brže. Svakako testirajte svoju stranicu Web Page Analyzer skriptom, ona će vam reći je li učitavanje presporo i što trebate učiniti.
Za detaljnije upute pročitajte ovaj post.


Kako umjesto naslova bloga dodati sliku?

Samo pronađite red gdje piše

<h1><$ImeBloga$></h1>

i umjesto njega dodajte kod za sliku, kako je opisano u ovom postu.


Kako tekst Komentari zamijeniti nečim drugim?

Za to trebate otići u Dizajn > HTML kod predloška i pronaći tekst

<A HREF="<$KomentariPosta$>" TARGET="_blank">Komentari</A>

Logično, umjesto teksta "Komentari" upišite bilo što drugo. Isto vrijedi za sve što vidite u kodu (Isprintaj, Komentari On/Off...), pa neću ulaziti u detalje.


Kako da zabranim ljudima da kopiraju tekst ili slike?

Nikako. Ono sa zabranom desnog klika je glupo i uopće ne pomaže jer je svejedno moguće kopirati sve. Detaljno objašnjenje pročitajte ovdje.


Kako dodati još jedan stupac?

To ovisi o predlošku i ne postoji kratak odgovor. Jednostavno odaberite predložak koji ga već ima.

Nije moguće dodati ili izbrisati stupac, a da pritom ne morate promijeniti još mnogo drugih vrijednosti. Ispravan način dizajniranja predloška je da prije svega odredite koliko vam stupaca treba i napravite prazan "kostur" (možete takve gotove kodove kopirati odavde), a tek onda dolaze boje, fontovi, sličice i ostalo. Dodavati stupac na gotovi dizajn je kao da pokušavate obući donje rublje, a već imate na sebi majicu i hlače.

Najpreciznije što vam mogu savjetovati jest slijedeće:

  • Ako se radi o div layout-u sa dva stupca, treći <div> dodajte na kraj HTML-a (prije </body>) te ga ili apsolutno pozicionirajte na željeno mjesto, ili ga floatajte pored stupaca (sa float: left; ili float: right;).
  • Ako je riječ o tabličnom layout-u, trebate dodati još jednu ćeliju <td> tamo gdje želite da se pojavi - ako treba biti desno, dodajte je na kraj prije </tr>

Sad tek počinje prava zabava - morate prilagoditi širine svih elemenata tako da sretno koegzistiraju na normalnim rezolucijama. Šanse da vam se sve raspadne su velike, pa sačuvajte stari kod na računalu.


Kako izbrisati stupac?

Pomoću tipke Delete. Ne šalim se, samo trebate pronaći gdje se taj stupac nalazi u HTML-u, premjestiti boxeve u drugi stupac i izbrisati prazni <div> ili ćeliju. Nakon toga prilagodite širine preostalih stupaca ako želite da zauzmu njegovo mjesto.


Kako premjestiti stupac?

Kombinacijom odgovora na prijašnja dva pitanja.

  • Kod tabličnog layout-a trebate premjestiti željenu ćeliju na drugo mjesto, npr. s vrha tablice na dno ili obrnuto.
  • Ako je div layout u pitanju, dovoljno je malo pročačkati po CSS-u (promijeniti float: left; u float: right; ili obrnuto, ili promijeniti brojevne vrijednosti kod apsulutno pozicioniranih div-ova)

Ako napravim dizajn u DreamWeaver-u/FrontPage-u/... hoće li na blogu izgledati isto?

Možda. Možda samo u nekim browserima. Imajte na umu da vam trebaju ova dva koda da bi blog prikazivao postove, komentare i boxeve:
Kod za prikaz postova i komentara
kod za prikaz kalendara i boxeva
Ako koristite Internet Explorer, da biste dobili ispravan kod obavezno desni klik > View source.


Kako da izbrišem blog?

Ova bi opcija trebala biti dostupna u blogeditoru - Postavke > Korisnički račun


Kako linkati na moju e-mail adresu?

Piše ovdje.


Gdje moram kopirati ovaj kod koji si napisala? Ja ništa ne kužim!

Čitajte tekstove po redu. U prva dva su objašnjene osnove osnova. Ako to ne razumijete, ne mogu vam pomoći.


Kako promijeniti boju posta/naslova/boxa..?

Ovdje je to detaljno objašnjeno. Ako nešto ne piše, jednostavna procedura je:
1. pogledajte source stranice i nađite gdje je tekst koji želite promijeniti
2. promotrite između kojih tagova se nalazi (<h2>, <div class="post">...)
3. u CSS-u potražite tag/klasu koja se odnosi na taj tekst (h2, .post...)
4. promijenite vrijednosti između zagrada


Ne vide mi se hrvatska slova! (š, č, ć, ž, đ)

Nemate naznačen encoding, pa browseri ne znaju kako prikazati stranicu. Encodinga koji podržavaju hrvatske dijakritike ima više (ISO, UTF-8 i Windows) no samo Windows-1250 funkcionira na blog.hr. Odmah iza <head> upišite ovaj kod:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />

Koji je bolji format slika, GIF, JPG ili PNG?

Da je jedan najbolji, ne bi postojala sva tri. Svaki ima svoje vrline i nedostatke:
- GIF podržava samo 256 boja, ali su slike s manje boja prikazane čistije, bez zamućenja na rubovima. Osim toga GIF može biti transparentan (proziran) i animiran.
- JPEG/JPG podržava milijune boja i dobar je za fotografije, dok će na slikama sa manje boja biti očita zamućenja i točkice tzv. artefakti.
- PNG podržava milijune boja i transparenciju, kao i semi-transparenciju (poluprozirnost) koja nije još podržana u svim browserima. Najveći je memorijom jer je najmanja kompresija pa ga treba koristiti samo kada je to nužno, a u velikoj većini slučajeva nije.


Hoće li moji postovi ostati ako promijenim predložak? Hoće li se komentari izbrisati ako izbrišem kod za prikaz komentara?

Mijenjanjem predloška ne utječete na sadržaj bloga. Svi se postovi i komentari čuvaju u bazi podataka i što god vi učinili na predlošku, oni će ostati u bazi. Tek kad ih izbrišete iz blogeditora oni će potpuno nestati.


Promijenio/la sam predložak, a u arhivi je još stari! Ne vide mi se novi komentari na blogu, a postoje! Dodao/la sam post, a nema ga!

Ponekad treba proći malo vremena da se vide promjene. Osim bjesomučnog refreshanja (Ctrl+F5), nema druge pomoći.


Kako da dodam tražilicu na blog?

Otiđite na www.google.com/searchcode.html i postupak je dalje lijepo objašnjen, samo trebate kopirati gotov kod. Ako odaberete treći kod (sa pretraživanjem vašeg bloga) morat ćete zamijeniti YOUR DOMAIN NAME sa adresom vašeg bloga, oblika http://imebloga.blog.hr/


Kako da stavim guestbook na blog?

Na blog - nikako. Možete otvoriti besplatan guestbook na nekoj drugoj stranici, evo nekoliko njih:


Kako da stavim shoutbox na blog?

Nabavite kod s neke od ovih stranica:


Kako da stavim muziku/video na blog?

Znam jedino za Radio Blog Club i Divine Music. Za video imate YouTube.

Takve skripte nepotrebno usporavaju učitavanje bloga, a ljudima koji već slušaju glazbu na svom računalu samo će smetati.


Preselio sam se na novi blog, kako da automatski preusmjerim korisnike na novu stranicu?

Dat ću vam gotovi kod, a vi u njemu trebate promijeniti samo adresu do svojeg bloga (na dva mjesta).

<html>
<head>
<title><$ImeBloga$></title>
<script type="text/javascript">
="http://novaadresa.blog.hr/";
</script>
</head>
<body>
Ako vas skripta automatski ne preusmjeri na novu adresu, kliknite <a href="http://novaadresa.blog.hr/">ovdje</a>.
</body>

U kojim programima se izrađuje dizajn predložaka?

Izbor programa je u potpunosti vaš - ima ih mnogo, što komercijalnih, što besplatnih. Ja koristim Adobe Photoshop za izradu grafike, a kodiram u Programmers Notepad-u.

05.09.2007. u 21:11

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

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