PDA

Zobacz pełną wersję : Własne tło dla modułu



ravvik
16-09-2010, 14:30
Witam serdecznie, Mam oto taki problem że nie mam pojęcia jak sformatować własny wygląd modułu w Joomla 1.5.x. Wiem że są ramki modułów próbuje kolejne ale nic mi nie wychodzi. Graficznie moduł składa się z trzech elementów jeden pod drugim.: tło tytułu modułu tło treści tytułu grafika zamykająca moduł Jaką ramkę zastosować aby móc poprawnie sformatować wygląd modułu? adres strony: www.kwiaciarnia-wloclawek.pl (http://www.kwiaciarnia-wloclawek.pl)

Proszę o podpowiedź.

Robster
16-09-2010, 15:59
Jaką ramkę zastosować aby móc poprawnie sformatować wygląd modułu?

Co w Twoim mniemaniu oznacza poprawne sformatowanie wyglądu modułu?

http://www.wiki.joomla.pl/index.php/Ramka_modu%C5%82u
http://www.wiki.joomla.pl/index.php/Ramka_modu%C5%82u/Standardowe_style_ramek_modu%C5%82%C3%B3w
http://www.wiki.joomla.pl/index.php/Ramka_modu%C5%82u/CSS_w_standardowych_ramkach_modu%C5%82u
http://www.wiki.joomla.pl/index.php/Ramka_modu%C5%82u/W%C5%82asna_ramka_modu%C5%82u
http://www.wiki.joomla.pl/index.php/Ramka_modu%C5%82u/W%C5%82asne_atrybuty_ramki

Do wyboru do koloru. To zagadnienie jest naprawdę bardzo dobrze opisane na wiki, więc wystarczy wdrożyć opisane tam rozwiązania.

ravvik
17-09-2010, 10:58
Dzięki za linki ale już je przerabiałem. Może są i dobrze opisane ale chyba za "tępy" jestem ;). Generalnie chodzi o to aby wygląd modłów składał się z trzech elementów graficznych: http://dl.dropbox.com/u/11021508/jp.jpe

Wybrałem ramkę rounded

<jdoc:include type="modules" name="left" style="rounded" />

Ponieważ jest ona podobna do ramki z Joomli 1.0.15:

<?php mosLoadModules ( 'left',-3); ?>

Ponieważ obie ramki generują wynik w postaci kodu:

<div class="module_menu">
<div>
<div>
<div>
<h3>tytuł modułu</h3>
</div>
</div>
</div>
</div>

Jednak stosując te kodowanie w Joomli 1.5.x moduł się rozjeżdża.
częśc kodu css odpowiedzialny za lewą stronę z modułami:

div#left {float:left; margin-left:150px; width:232px; }
div#left img{border:0px;}
div#left div.module{width:232px; background:transparent url(../images/left_tlo.png) left repeat-y; margin-bottom:20px;}
div#left div.module div{width:232px; background:transparent url(../images/left_top.png) top left no-repeat;}
div#left div.module div div{width:232px; background:transparent url(../images/left_bottom.png) bottom left no-repeat;}
div#left div.module div div div{padding-left:10px;padding-bottom:10px; background:none;}
div#left h3 {padding-top:15px; padding-left:15px; color:#fff;}

---------- Post dodany 17-09-2010 o 10:58 ---------- Poprzedni post był 16-09-2010 o 21:37 ----------

Temat już nieaktualny, problem rozwiązany...

josh
17-09-2010, 11:52
podaj prosze rozwiazanie, przyda sie potomnym

ravvik
17-09-2010, 13:59
Myliłem się, w Joomli 1.5.x moduł wyświetla się poprawnie czyli tak jak w Joomli 1.0.15. Błędne wyświetlanie było spowodowane tym że użyłem grafiki z przezroczystością. Kolejne div-y które były formatowane nakładają się przy użyciu ramki rounded , jednak gdy w grafikach nie ma przeźroczystości moduł poprawnie się wyświetla.

Mam nadzieję że zrozumiale to napisałem.....

Pozdrawiam