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

Umetanje slika

Blog.hr dozvoljava u post umetanje slika fiksne veličine od 200x150 pixela. Da biste dodali sliku drugih dimenzija, trebate je uploadati na neki besplatni hosting slika i umetnuti kod u vaš post.
Kada ste uploadali sliku, zapamtite njenu adresu - hosting slika obično će vam ovo dati, onaj pored kojeg piše direct-link. Zatim umetnite ovaj kod na mjesto gdje želite da ona stoji (u jedan post, HTML kod ili box).

<img src="http://www.server.com/ime-slike.jpg" alt="opis slike" />

Promijenite src u link do vaše slike i alt u opis slike (on se prikazuje ako iz nekog razloga nije moguće prikazati samu sliku, kako bi ljudi koji je ne mogu vidjeti mogli znati što je na njoj. Na primjer, slijepi čitatelji koji imaju on-screen reader čuti će opis slike). Možete i malo proširiti kod:

<img src="http://www.server.com/ime-slike.jpg" alt="opis slike" width="500" height="300" border="0" align="left" />

Border označava debljinu okvira, width širinu (u px), height visinu (u px), a align poravnanje (left ako želite da bude s lijeve strane teksta, kao što inače budu slike na Blog-u te right ako želite da bude s desne strane teksta). Postoji još atributa, no neće vam trebati.


Za centriranu sliku treba vam tag u koji ćete smjestiti sliku, na primjer p kojem ćete postaviti centriranje teksta:

<p style="text-align: center"><img src="http://www.server.com/ime-slike.jpg" alt="opis slike" /></p>
05.03.2005. @ 21:56

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