marcinp1984
08-11-2011, 11:12
Witam mam pytanie dotyczące formatowania stylów dla poszczególnych modułów. Może zacznę od tego... Na stronie mam trzy główne pozycje left, center, right. W pozycjach left i right ładowane są moduły w sposób następujący <jdoc:include type="modules" name="left" style="rounded" /> oraz odpowiednio dla prawej strony, którą już pomijam bo to w zasadzie to samo.
Formatuje to w sposób następujący:
.left div.module{width:247px; background:transparent url(../images/m2.jpg) left repeat-y;}
.left div.module div{width:247px; background:transparent url(../images/m1.jpg) left top no-repeat; }
.left div.module div div{width:247px; background:transparent url(../images/m3.jpg) left bottom no-repeat;}
.left div.module div div div{width: 221px; padding:9px 11px 15px 15px; background:none;}
Chyba dobrze bo na stronie wygląda dobrze :)
Część modułów, które dodaje (mam na myśli standardowe moduły, które są dostępne od razu po instalacji Jooomli) wpasowuje się w tą pozycję idealnie, np. popularne, gościmy, statystyka. Jednak dodając ścieżkę powrotu, szukaj, czy własny kod html już jest trochę gorzej. Z tego co zauważyłem posiadają one domyślnie ustawiano paddingi i z nimi kiepsko to wygląda bo moduł jest przesunięty względem pozycji left i się po prostu nie mieści tam gdzie powinien. I teraz pojawia się moje pytanie... Czy istnieje jakiś sprytny sposób, żeby dobrać się za jednym razem do wszystkich takich elementów i je odpowiednio sformatować, czy muszę po prostu dobierać się do każdego po kolei i wpisywać mozolnie np. takie linijki kodu:
.left div.module div div div .breadcrumbs{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .breadcrumbs{ padding:5px 0px 0px 0px; margin:0px; }
.left div.module div div div .custom{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .custom{ padding:5px 0px 0px 0px; margin:0px; }
.left div.module div div div .search{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .search{ padding:5px 0px 0px 0px; margin:0px; }
Ciężko mi samemu przewidzieć, co będę chciał dodać na stronę a ciągłe edytowanie arkusza stylów za każdym razem jak wstawię jakiś moduł jest po prostu wkurzające (przynajmniej jeśli chodzi o te, które są dostępne po instalacji Joomli). Chyba, że tak trzeba i nie da się tego obejść wtedy będę musiał się z tym pogodzić i formatować po kolei każdy moduł w ten sam sposób :)
Joomlę wałkuje od miesiąca więc jeszcze duuuuuużo przede mną. Dlatego też bardzo proszę o jakąś sugestię, poradę, czy coś w tym stylu ;)
Formatuje to w sposób następujący:
.left div.module{width:247px; background:transparent url(../images/m2.jpg) left repeat-y;}
.left div.module div{width:247px; background:transparent url(../images/m1.jpg) left top no-repeat; }
.left div.module div div{width:247px; background:transparent url(../images/m3.jpg) left bottom no-repeat;}
.left div.module div div div{width: 221px; padding:9px 11px 15px 15px; background:none;}
Chyba dobrze bo na stronie wygląda dobrze :)
Część modułów, które dodaje (mam na myśli standardowe moduły, które są dostępne od razu po instalacji Jooomli) wpasowuje się w tą pozycję idealnie, np. popularne, gościmy, statystyka. Jednak dodając ścieżkę powrotu, szukaj, czy własny kod html już jest trochę gorzej. Z tego co zauważyłem posiadają one domyślnie ustawiano paddingi i z nimi kiepsko to wygląda bo moduł jest przesunięty względem pozycji left i się po prostu nie mieści tam gdzie powinien. I teraz pojawia się moje pytanie... Czy istnieje jakiś sprytny sposób, żeby dobrać się za jednym razem do wszystkich takich elementów i je odpowiednio sformatować, czy muszę po prostu dobierać się do każdego po kolei i wpisywać mozolnie np. takie linijki kodu:
.left div.module div div div .breadcrumbs{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .breadcrumbs{ padding:5px 0px 0px 0px; margin:0px; }
.left div.module div div div .custom{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .custom{ padding:5px 0px 0px 0px; margin:0px; }
.left div.module div div div .search{ padding:5px 0px 0px 0px; margin:0px; }
.right div.module div div div .search{ padding:5px 0px 0px 0px; margin:0px; }
Ciężko mi samemu przewidzieć, co będę chciał dodać na stronę a ciągłe edytowanie arkusza stylów za każdym razem jak wstawię jakiś moduł jest po prostu wkurzające (przynajmniej jeśli chodzi o te, które są dostępne po instalacji Joomli). Chyba, że tak trzeba i nie da się tego obejść wtedy będę musiał się z tym pogodzić i formatować po kolei każdy moduł w ten sam sposób :)
Joomlę wałkuje od miesiąca więc jeszcze duuuuuużo przede mną. Dlatego też bardzo proszę o jakąś sugestię, poradę, czy coś w tym stylu ;)