PDA

Zobacz pełną wersję : wyświetlanie nagłówków modułów



coliberek1
13-11-2009, 20:08
Ostro praca wre - prawie 20h/dobe:D Jednak kolejny problem-pytanie.

Szukalam w kursach-css, podpatrywalam w innych szablonach ale jak na zlość jak potrzeba nie mogę znaleźć wzoru - a tym bardziej odpowiedniego przykladu.

Mam w szablonie 3 kolumny (leftmenu, main i right menu)
W lewym menu zrobilam inne naglowki modulow niz w prawym, ale teraz chcialabym zeby kilka modułów wyświetlanych po lewej stronie mialo wlasne przyrostki klas CSS.

Zrobilam juz tak ze w "ciele" modulu jest inny kolor literek , ale jak teraz przyporządkować do tego obrazek naglówka ? Są po prostu gole litery , napisane duzym czarnym Fontem.

w parametrach modułu przyrostek klas ustawilam na _lewe
w template.css zrobilam tak:

.lewe
{
margin:0 0 0 0;
list-style:none;
color: #808080;
background: url(../images/h3-l.png) top left no-repeat;
}

a menu powyzej, ktore ma inny kolor czcionki i wszytsko zdefiniowane w .menu{}
ma naglowek wlączony w lewej kolumnie tutaj <tak mi sie zdaje - ale tylku tu obrazek jest zadeklarowany>

#leftmenu .module div div div h3
{
font-family: Tahoma, Arial, sans-serif;
color: #ffffff;
font-size: 12px;
height: 30px;
text-decoration: none;
text-align: center;
padding: 0 0 0 5px;
background: url(../images/h3-l.png)
top left no-repeat;
font-weight: bold;
line-height: 27px;
margin: 0;
}
Heeellp:confused:

zwiastun
13-11-2009, 20:13
klas nazywa się .lewe, dlaczego więc przyrostek _lewe?
To:
#leftmenu .module div div div h3
można chyba prościej
#.module div div div h3

h3 klasy z pzyrostkiem:
#.module_przyrostek div div div h3
A w ogóle pokombinuj firebugiem, bo można to zwykle prościej!

coliberek1
13-11-2009, 20:33
tak , tak - przepraszam pomylka : mialo byc .lewe w przyrostku klas w parametrach modulu.
Teraz w template css sprobowalam zrobic tak:


.module_lewe div div div { /*tez probowalam .module_lewe div div div h3 {*/
/*i tez .module-lewe div div div h3 */
font-family: Tahoma, Arial, sans-serif;
color: #ffffff;font-size: 12px;
height: 30px;
text-decoration: none;
text-align: center;
padding: 0 0 0 5px;
background: url(../images/h3-l.png)
top left no-repeat;
font-weight: bold;
line-height: 27px;
margin: 0;
}

a to co ma byc w spodniej czesci modulu narazie bez zmian zostawiam:



.lewe {
margin:0 0 0 0;
list-style:none;
color: #808080;
}
i dalej wszystko jest na czarno , :( No ale jeszcze teraz poczytam o firebugu - dziękuję za podpowiedź... a jak i tak nie, to niestety will be back .

zwiastun
13-11-2009, 20:35
Siądź do lektury na temat przyrostków, bo nadal mieszasz! Na wiki jest dokładne objaśnienie

coliberek1
13-11-2009, 21:27
Dziala!!! zastosowalam jednak .module-lewe div div div h3 , a w przyrostku kl;asy w parametrach modulu tez -lewe.
Dzięki wiki-joomli zabieram się do dzialania z przyrostkami klas pozycji menu!
:) bardzo dziękuję!:)