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

Postavljanje linkova

Blog.hr ima ugrađenu skriptu za jednostavno umetanje linkova klikom na ikonicu link, ali ako želite sami postavljati linkove da bi nad njima imali bolju kontrolu, ovdje pročitajte kako.


Osnovni kod za link je ovaj:

<a href="http://www.server.com/stranica.html" target="_blank">VAŠ TEKST</a>

Klikom na VAŠ TEKST browser će otvoriti stranicu http://www.server.com/stranica.html u novom prozoru (jer je target postavljen na "_blank"). Umjesto VAŠ TEKST možete umetnuti kod za sliku, pa će ljudi klikom na sliku otići na tu adresu.
Target određuje u kojem će se prozoru (window) ili okviru (frame) otvoriti stranica:
_blank - browser otvara novi prozor za stranicu
_self - otvara u postojećem prozoru
_parent - ako stranica ima više frameova (okvira), otvara u glavnom prozoru a ne u frame-u
nekoime - otvara u frame-u koji ima to ime
Ako želite da se stranica otvori u istom prozoru, ili postavite target na "_self" ili izbrišite target, pa će vaš link izgedati ovako:

<a href="http://www.server.com/stranica.html">VAŠ TEKST</a>

Ako želite da vam klikom na link posjetitelji mogu poslati mail iz svog mail klijenta, tada ćete za adresu napisati mailto:vašeime@server.com, na primjer ovako:

<a href="mailto:ime@yahoo.com">Pošalji mi mail!</a>

Povezivati možete i dijelove na istoj stranici. Ako se recimo na dnu vašeg bloga (u četvrtom boxu na primjer) nalazi nešto što želite da svi vide, ali ne možete to zgurati gore, tada možete u četvrti box staviti anchor (sidro), a u prvi box link do tog anchora.
Tekst (ili sliku) na koji želite da ljudi dođu klikom na link, odredite ovako:

<a name="ime">Ovo je jako važno i morate pročitati.</a><br />Tekst tekst tekst tekst...

Sam link treba izgledati ovako:

<a href="#ime">Klikni ovdje!</a>
06.03.2005. @ 01:42

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