PDA

Zobacz pełną wersję : Nagłówek menu



Stiffler
21-06-2011, 19:45
Chciałbym żeby każdy moduł jaki dodam w lewej kolumnie miał: Belke z tytułem (zrobione), treśc modułu wypełniona backgroundem (zrobione) no i zakończenie w postaci lekkiego cienia
css:


<div id="menu_lewe">
<jdoc:include type="modules" name="menu_lewe" style="xhtml" />
<div id="menu_lewe_dol">
</div>
</div>
#menu_lewe{
width:198px;
float:left;
text-align:left;
background:url(images/menu_lewe_srodek.png) repeat-y left;
margin:0px;
padding:0px;
boreder:0xp;
}

#menu_lewe h3{
width:198px;
height:40px;
background:url(images/menu_lewe_gora.png) no-repeat;
text-align:left;
color:white;
padding-top:10px;
padding-left:10px;
font:14px verdana bold;
margin:0px;
}

#menu_lewe ul{
list-style:none;
text-align:left;
margin-left:10px;

}

#menu_lewe li a{
text-decoration:none;
color:4f6ded;
font-weight:bold;
padding:0px;
margin:0px;
text-align:left;
}


#menu_lewe_dol{
background:url(images/menu_lewe_dol.png) no-repeat;
width:192px;
margin-bottom:15px;
}

I w tym momencie nie ma tej belki wogole. A firebug pokazuje że jest ale pod ostatnim modułem w lewej kolumnie. A powinna być pod każdym. Jak to zrobic?

larry_krk
21-06-2011, 21:24
http://wiki.joomla.pl/Ramka_modu%C5%82u

Stiffler
22-06-2011, 11:11
Czytajac wpis z wiki nie potrafiłem tego ogarnąć, ale dzieki niemu doszedłem mniej wiecej (poprzez linki rzucajace sie w oczy) jak to wykombinowac.



#menu_lewe .moduletable{
background:url(images/menu_lewe_srodek.png) repeat-y left;
}

#menu_lewe .moduletable ul{
background:url(images/menu_lewe_dol.png) no-repeat bottom;
padding-left:10px;
padding-bottom:10px;
}

#menu_lewe .search {
background:url(images/menu_lewe_dol.png) no-repeat bottom;
padding-left:10px;
padding-bottom:10px;
}


#menu_prawe .moduletable{
background:url(images/menu_prawe_srodek.png) repeat-y left;
}

#menu_prawe .moduletable ul{
background:url(images/menu_prawe_dol.png) no-repeat bottom;
padding-left:10px;
padding-bottom:10px;
}


I tak tym sposobem w Menu oraz w module search mam piekne dolne wykonczenie modulu jak i jego srodek. Pytanie, czy nie daloby sie tego jakosc prosciej zrobic, zeby kazdy modul mial takie ladne wykonczenie? Bo teraz np. do klasy .poll dodam background:url(images/menu_prawe_dol.png) no-repeat bottom; to mniej wiecej bedzie smigac, chociaz juz po dodaniu paddingow lekko sie psuje.
Pozdrawiam

a_m
22-06-2011, 11:32
sposób podpowiedziany przez @larrego jest najłatwiejszy - zwłaszcza, że to gotowiec
zobacz też http://wiki.joomla.pl/index.php/Zrozumie%C4%87_koncepcj%C4%99_nadpisywania_szablon em#Ramka_modu.C5.82u
lub http://border-radius.com/