25.12.2006.

text-align/text-decoration

1. Tekst se poravnava uz pomoc text-align:

Poravnanje sa lijeve strane text-align: left
Poravnanje sa desne strane text-align: right
Poravnanje sa obje strane text-align: justify
Centriran tekst text-align: center

Npr. ovom izmjenom postizete centriran tekst u postovima:

#blog { padding: 30px; font-size: 12px; text-align: center; background-color:#fff; margin-left:232px; margin-right:233px; line-height:18px; }

2. Tekstualna dekoracija tj. text-decoration:

underline - podvucena crta ispod teksta (underline)
overline - nadvucena crta iznad teksta
line-through - povucena linija preko teksta (line-through)
none - bez dekoracije (none)
blink - tekst blinka, IE ne prihvata ovu dekoraciju, dok u FireFox-u tekst blinka (blink)

13.12.2006.

blog img

 Zelite li da slika koju dodajete u post bude prikazana u vecem/manjem fomatu, ima okvir, ima odredjenu podlogu, bude vise/manje udaljena od teksta, bude prikazana na desnoj/lijevoj strani rjesenje je definisanje #blog img sa odgovarajucim atributima u css dijelu HTML koda.


Primjer:

#blog { width: 490px; float: left; font-size:12px; padding:20px; color:#fff; background-color: #526685; }

#blog img { width:250px; margin: 0px 20px 10px 10px !important; padding: 15px; border: 2px dotted #FFF; background: #6FBBD9; display: block; float: right; }

U navedenom primjeru width:250px oznacava sirinu slike (takodje se moze koristiti atribut height za definisanje duzine slike, no pozeljno je koristiti samo jedan od ovih atributa zbog razlicitih velicina slika); margin odredjuje prazan prostor oko slike gore, desno, dole i lijevo; padding odredjuje koliko je slika odmaknuta od background-a; border se odnosi na okvir slike, debljinu okvira, vrstu linije (none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset) i boju okvira; background je pozadina na kojoj se nalazi slika (moze biti neka boja ili slika).

03.12.2006.

slide photos

Koristan link za slide nekih fotografija, bez mnogo muke. Lako se mogu prilagoditi dimenzije, kretanje fotografija, velicina slova... Nije komplikovano, nije savrseno, ali za one koji ne sitnicare i ne zele gubiti mnogo vremena odlican link: 2coolphoto

Ovako sam ja iskoristila mogucnosti ovog slajda: Dan drzavnosti

Ako znate za jos neke korisne edukativne ili zabavne linkove mozete ih ostaviti u komentarima, a ja cu se pobrinuti da budu vidljivi i svima dostupni.


Get your own Chat Box! Go Large!