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:

■  Izmjena pokazivača miša
■  Zaobljeni rubovi sa CSS-om
■  Zaobljeni rubovi bez slika
■  Stiliziranje tekst okvira
■  Stilovi za linkove

Zadnjih 5 članaka

■  Izgubljena particija i dokumenti
■  Kako napraviti crosover kabel
■  Spam poruke
■  Hiperveze između Word dokumenata
■  Lozinke, lozinke ...

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.