Dodatek do Slideshow

[kkwiatkowski]

Korzystam z darmowego szablonu JM buisness marketing.

Chciałbym w moim slideshow stworzyc dodatkowe pole gdzie mógłbym umieścić buttony. Chodzi mi o takie pole jak na tym zdjęciu.
http://imageshack.com/a/img822/2140/57g2.jpg

Moja strona to http://www.masterswim.pl.

Gdzie takie coś dodać

[mac]

No niestety musisz modyfikowac szablon lub szukac rotator z dodatkiem menu

[kkwiatkowski]

Wiem, że będę musiał edytować, ale pytanie jak to zrobić :D.

[kkwiatkowski]

Tak sobie pomyślałem, żeby dać jakiegoś diva w divie tylko nie wiem jak to zrobić.
Dam linka do pliku index.php o to on: http://hostuje.net/file.php?id=71f61a45fac18bf6ddf6ee62fe8a3a7a



<div id="jm-header">


<jdoc:include type="modules" name="header" style="jmmoduleh"/>


</div>






Umieściłbym diva w tym divie, ale nie wiem jak, żeby to poprawnie chodziło

[mac]

Ja bym zrobił to tak - na przykładzie górnego menu "skopiowanego" do rotatora,
oczywiście bardziej biegli pewnie mogliby zaproponować coś bardziej eleganckiego.

pamiętaj, wpisane poniżej to wartości są przykładowe, które zastosowałem na quickstart tego szablonu

do pliku layout.css

wstawiam


#minimenu {
display: inline-block;
position: relative;
bottom: 61px;
margin-left: 350px;
z-index: 1000;
}


w pliku index.php dodaje pozycje modułu

<div id="jm-header">
<jdoc:include type="modules" name="header" style="jmmodule"/>
</div><div id="minimenu"><jdoc:include type="modules" name="dj-menu-h" style="raw"/></div>
<?php endif; ?>

w pliku templateDetails.xml
dodajesz w odpowiednie miejsce definicje pozycji

<position>dj-menu-h</position>

Kopiujesz DJ-Menu i ustawiasz je w pozycji dj-menu-h

oczywiście w wersji mobilnej bardzo wąskiej tego menu nie będzie widać, choć na tabletach powinno

Teraz trochę wyjaśnień i tip

wpis display: inline-block; ogranicza wyświetlanie menu tylko do przycisków
wpis bottom: 61px; podnosi nasze menu do poziomu rotatora
wpis margin-left: 350px; przesuwa menu w prawo o 350 px, ale może i więcej

Na koniec - ponieważ bawimy się <div> i jego pozycją wypadało by podnieść następny moduł czyli jm-top
czynimy to poprzez dodanie do wpisu wartości dla margin-top
do pliku layout.css ok 100 linii

#jm-top {
margin-left: -15px;
margin-top: -40px;
}


Reszta zależy od Ciebie

[kkwiatkowski]

Witam. Zrobiłem wszystko, ale mój szablon jest już przerobiony trochę. Jest inna funkcja modułu pod header zamiast jmmodule stworzylem jmmoduleh z zaokrąglonymi rogami, żeby wyglądało to jak widać. Jak dodaje to minimenu to pojawia sie faktycznie na slideshow, ale pod nim tworzysie pusta przestrzeń w kolorze tła, próbowałem to jakoś ustawiać, ale niestety nie udaje mi się.

[mac]

Wiesz, musial bym zobaczec to uruchomione aby ocenic co jest nie tak :)
Akurat czy to jmmodule czy jmmoduleh sadze ze nie ma znaczenia, bo dodajesz kolejnego div
który przeszywasz do góry, ot i cala filozofia

[kkwiatkowski]

no to uruchomie to, proszę patrzeć.

- - - Updated - - -

Mogę to tak narazie zostawić do jutra. Tak w ogóle to zamiast tekstu to chciałem tam umieścić flagi państw i dać odnośnik do wersji języcznej strony. Nie wiem czy jest sens się w to bawić, ale zawsze można się czegoś nauczyć.

[mac]

powinno to pomóc, oczywiscie potestuj
wstaw w pliku http://www.masterswim.pl//templates/jm-business-marketing/css/layout.css
linia 112 pogrubione


#jm-main {
background: none repeat scroll 0 0 #FFFFFF;
margin-left: 0;
margin-top: -46px;
padding-top: 14px;



}

[kkwiatkowski]

No działa, a jakieś wyjaśnienie :D Dzięki wielkie

[mac]

Wyjasnienie :) ?

[kkwiatkowski]

w sumie to proste było, tylko po co ten no reapet scroll

[mac]

To pytanie do twórców szablonu,
ja tylko dodałem przesuniecie bloku do góry