Blokk ikonok

szume képe

Hogyan tudom azt megcsinálni, hogy a blokkok fejlécében megjelenjen kis ikon?

Drupal verzió: 
Fórum: 
aboros képe

azt így mondjuk, css:

.block h2 {
background: transparent url(az-en-ikonom.png) no-repeat scroll left top;
padding-left: 10px;
}

persze a padding attól függ, mekkora a képed. meg ez amúgy is egy általános példa csak. firebug kiterjesztéssel például, meg tudod nézni, hogy a kívánt elemeknek milyen osztálya vagy idje van és azokat tudod aztán már cssből célozni. hogy pontosan mit és hogyan merre, az igen erősen attól függ, pontosan milyen kinézet a cél.

0
0

-
clear: both;

joenavran képe

ugyanezt szeretném megvalósítani, csak minden blokkhoz egyedi ikont szeretnék társítani. csak annyi, hogy a block title utánemgjelenjen egy kis kép. gondolom nem lehet a blokk nevébe html kóddal beilleszteni, ráadásul a title-t 2 div-re kellene osztani, hogy ne zavarja be az esetleges hoaszabb nevek törését.

van erre valami egyszerű megoldás?

0
0
aboros képe

miért kellene két div?? nem értem.

mindenesetre, firebuggal le tudod nézni minden blokkodnak az idjét, aztán azon belül célzod a h2 teget és kész.

mutatok egy példát:

#block-block-5 h2 {
background: transparent url(images/kici-fogaszkerekecke.png) no-repeat scroll right top;
padding-right: kici-fogaszkerekecke.png szélessége meg még egy kicike;
}
0
0

-
clear: both;

joenavran képe

most néztem, hogy a nézetek blokk részénel a blokk neve mező simén lekezeli a html tag-eket, szóval még css varázslat sem kell, csak simán oda beillesztem a képet :)

0
0
aboros képe

de szerintem ez nem annyira okos megoldás, mint ccsben odatenni azt.
pont erre való a css. ezért találták ki. :)

0
0

-
clear: both;

Paal képe

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

joenavran képe

ez a cucc ami kell nekem :)

0
0