Label.css: descrieri pe imagini unde vrei


A amplasa o descriere text peste o imagine nu este nici o treabă foarte chinuitoare, nici chiar floare la ureche. Pentru cei care nu sunt tocmai avansaţi în CSS şi doresc să rezolve problema rapid, proiectul Label.css este salvator. Dacă veţi descărca proiectul veţi avea două fişiere CSS: versiunea label.min.css ar fi cea de folosit (dar când scriu eu acest material, fişierul e identic cu label.css, adică necomprimat). Includerea respectivului CSS deschide posibilitatea amplasării cu uşurinţă a textului dorit în una din cele opt poziţii.

imagine

Adăugaţi imaginii clasa top şi middle de exemplu, dacă doriţi ca explicaţia să apară sus, centrată. Folosiţi data-label pentru a indica efectiv textul. Implicit descrierea apare pusă peste imagine tot timpul. Dar cu clasele fade sau float descrierea poate să apară doar când se mută mouse-ul peste imagine. Din pagina proiectului puteţi să testaţi efectiv această simplă şi elegantă soluţie pentru descrieri pe imagini.

Am aflat de această soluţie din articolul Best Open Source CSS3 and jQuery Image Captions, care vă mai poate da şi alte idei, alternative…


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (1 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *