Poradnik dodawania nowego modułu do szablonu

[a_m]

powiem tylko tyle, że niepotrzebnie tyle szukałeś, bo do takiej operacji jak dodanie nowej pozycji do ja t3 niepotrzebne jest grzebanie w plikach. uzupełnij plik templateDetails.xml / wejdź w parametry moduły > zakładka layouts - obok każdego widoku jest guzik edit i clone po kliknięciu w edit dodajesz blok z nową pozycją i wszystko

[start007]

Wszędzie mi to dodaje ale nie tam gdzie chcę..
http://www.n-style.yoyo.pl/reklama.png

Tu jak jest reklama1 chcę dodać moduł bo go tam nie ma.. Nie daje rady tak zakręcony jest ten szablon, że nie wyrabiam..

nie wiem w której lini gdzie wstawić
<jdoc:include type="modules" name="nad_artykulem" style="xhtml" />
i jak go opisać aby później mu css dodać..

[a_m]

jat3/base-themes/default/page/default.php

[start007]

Dziękuję jak nie wiem co! Wszystko działa jak należy.

[start007]

Mam kolejny problem
strona: http://mksmyszkow.com/index.php
Tym razem ładnie wszystko się wyświetla tylko nie tak jak powinno.

Utworzyłem 3 moduły userT1 userT2 i userT3

Chciałem mieć coś w stylu:
http://joomlathemes.co/demo16/?template=jt005_j16 user1-3

U mnie niestety wszystko wyświetla się jedno pod drugim

Tak zmieniłem w PHP:

<!-- MAIN CONTAINER -->
    <div id="ja-container" class="wrap <?php echo $this->getColumnWidth('cls_w')?$this->getColumnWidth('cls_w'):'ja-mf'; ?>">
    <?php $this->genBlockBegin ($this->getBlocksXML ('middle')) ?>
        <div id="ja-mainbody" style="width:<?php echo $this->getColumnWidth('mw') ?>%">
        <?php if ($this->countModules('userT1 or userT2 or userT3')) : ?>
                    <div id="modsT1" class="spacer<?php echo $mainmod1_width; ?>">
                        <jdoc:include type="modules" name="userT1" style="xhtml" />
                        <jdoc:include type="modules" name="userT2" style="xhtml" />
                        <jdoc:include type="modules" name="userT3" style="xhtml" /> 
                    </div>
    <?php endif; ?>
            <!-- CONTENT -->

Taki napisałem arkusz pod to:

/* Modules 1 */
#modsT1 {overflow: hidden;padding:0; margin:0 auto;clear:both; display:block; float:left;}
#modsT1 .module { padding:0; margin:0; }
#modsT1 .inner { padding:10px; }
#modsT1 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#FD9821;}
#modsT1  h3 {display: block; padding:0; margin:0;}
#modsT1 .module-body {padding:0; margin:0;}
#modsT1 ul {margin:0; padding:0;}
#modsT1 ul li {list-style:inside; border-bottom:1px dotted #eaeaea; list-style:none;}
#modsT1 ul li:hover {}
#modsT1 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li.png) 0 50% no-repeat}
#modsT1-i { clear:both;}
/* Modules 2 */
#modsT2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:990px;color:#ccc; }
#modsT2 .module { margin:0;padding:0;}
#modsT2 .inner { padding:10px;}
#modsT2 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#FD9821; text-shadow:1px 1px #111;}
#modsT2 .module-body {padding:0; margin:0;}
#modsT2 a { color:#ccc; text-decoration:underline;}#modsT2 a:hover { color:#fff;}
#modsT2 ul {margin:0; padding:0;}
#modsT2 ul li {list-style:inside; border-bottom:1px dotted #333; list-style:none;}
#modsT2 ul li:hover {}
#modsT2 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li2.png) 0 50% no-repeat}

/* Modules 3 */
#modsT3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:990px; color:#fff;}
#modsT3 .module { margin:0;padding:0;}
#modsT3 .inner { padding:5px 10px 0 10px;}
#modsT3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#000; text-shadow:1px 1px #fff;}
#modsT3 .module-body {padding:0; margin:0;}
#modsT3 a { color:#fff; text-decoration:underline;}#modsT3 a:hover { color:#000;}
#modsT3 ul {margin:0; padding:0;}
#modsT3 ul li {list-style:inside; border-bottom:1px dotted #f0741a; list-style:none;}
#modsT3 ul li:hover {}
#modsT3 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li2.png) 0 50% no-repeat}

.spacer {float: left;}

Gdzie jest błąd?

[Bazyl]

Nie musisz tworzyć nowych pozycji. Masz takie w szablonie. Sprawdź.

//
Utworzyłeś #modst1, #modst2, #modst3 (id), a powinno być .modst3 (class).
Przyrostek klasy modułu dodaj ze spacją "moduletable modsT1"

[start007]

Zmienione na:

    <?php if ($this->countModules('userT1 or userT2 or userT3')) : ?>
                    <div class="moduletable modsT1<?php echo $mainmod1_width; ?>">
                        <jdoc:include type="modules" name="userT1" style="xhtml" />
                        <jdoc:include type="modules" name="userT2" style="xhtml" />
                        <jdoc:include type="modules" name="userT3" style="xhtml" /> 
                    </div>
    <?php endif; ?>

Ale nadal nie wyświetlają się jedno obok drugiego.

/* Modules 1 */
.modsT1 {overflow: hidden;padding:0; margin:0 auto;clear:both; display:block; float:left;}
.modsT1 .module { padding:0; margin:0; }
.modsT1 .inner { padding:10px; }
.modsT1 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#FD9821;}
.modsT1  h3 {display: block; padding:0; margin:0;}
.modsT1 .module-body {padding:0; margin:0;}
.modsT1 ul {margin:0; padding:0;}
.modsT1 ul li {list-style:inside; border-bottom:1px dotted #eaeaea; list-style:none;}
.modsT1 ul li:hover {}
.modsT1 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li.png) 0 50% no-repeat}
.modsT1-i { clear:both;}
/* Modules 2 */
.modsT2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:990px;color:#ccc; }
.modsT2 .module { margin:0;padding:0;}
.modsT2 .inner { padding:10px;}
.modsT2 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#FD9821; text-shadow:1px 1px #111;}
.modsT2 .module-body {padding:0; margin:0;}
.modsT2 a { color:#ccc; text-decoration:underline;}.modsT2 a:hover { color:#fff;}
.modsT2 ul {margin:0; padding:0;}
.modsT2 ul li {list-style:inside; border-bottom:1px dotted #333; list-style:none;}
.modsT2 ul li:hover {}
.modsT2 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li2.png) 0 50% no-repeat}

/* Modules 3 */
.modsT3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:990px; color:#fff;}
.modsT3 .module { margin:0;padding:0;}
.modsT3 .inner { padding:5px 10px 0 10px;}
.modsT3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 18px;font-weight:bold; color:#000; text-shadow:1px 1px #fff;}
.modsT3 .module-body {padding:0; margin:0;}
.modsT3 a { color:#fff; text-decoration:underline;}.modsT3 a:hover { color:#000;}
.modsT3 ul {margin:0; padding:0;}
.modsT3 ul li {list-style:inside; border-bottom:1px dotted #f0741a; list-style:none;}
.modsT3 ul li:hover {}
.modsT3 ul li a {font-weight:100; display:block; text-decoration:none;padding:0 0 0 20px; background:url(../images/li2.png) 0 50% no-repeat}

[a_m]

jak chcesz to ułożyć obok siebie to z .modsT1 wywal float:left i dopisz

.modsT1 .moduletable{float:left; width:33%}

(width trzeba zmienić jak dołożysz więcej modułów + jak jakieś paddingi czy coś

tylko nie wiem po co te kombinacje, bo ten szablon ma "miejsce" na moduły nad contentem w pozycjach tops1, content-top, mass-content-top; gdybyś mnie posłuchał wcześniej i nauczył wywoływać je przez plik xml używanego layoutu, wiele być sobie ułatwił

[start007]

Mam już prawie gotowe Jednak zrobione 2 moduły nie 3.
Mam problem z wyrównaniem. Jak lewy wyrównać do lewej prawy do prawej ?

Z modułami się bawiłem i efekt już można zobaczyć nie licząc tego krzywego rozstawienia.

[a_m]

w #modsT1 .moduletable zmień float na right + dopisz #modsT1 .moduletable:first-child {float:left} i do nauki ;)