CSS-om do balona za komentare

Ovo je jedna od brzih tehnika koje se već duže vrijeme primjenjuju na Internetu - kako od jednostavnog div elementa dobiti lijepo sređen tekstualni okvir. Ovakav okvir možemo koristiti za komentare čitatelja na našim stranicama. Ovaj kod pravimo u tri koraka. Prvo napravimo dodatnu sličicu koju ćemo koristiti. Mi smo se odlučili za ovu:

Nakon ovoga napišimo CSS kod i stavimo ga unutar head taga. CSS treba izgledati ovako:

Sada moramo samo upotrijebiti ove klase.

<div class="komentar"> Ovo je tijelo komentara i ono dolazi u ovom div elementu. A najbolje je to što se ne trebamo brinuti koliko teksta se nalazi unutar ovog div elementa jer će sličica uvijek biti dobro pozicionirana. </div> <div class="podnozje"> Napisano 27.rujna.2007 od Admin </div>

Ovo je tijelo komentara i ono dolazi u ovom div elementu. A najbolje je to što se ne trebamo brinuti koliko teksta se nalazi unutar ovog div elementa jer će sličica uvijek biti dobro pozicionirana.

Napisano 27.rujna.2007 od Admin

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Stiliziranje dugmeta kod web formi
■  Izmjena pokazivača miša
■  Zaobljeni rubovi sa CSS-om
■  Stilovi fontova
■  Stilovi rubova - div

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.