Zobacz temat - [dodatek] Rozwijane menu

To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
	phpBB2 by Przemo Support forów phpBB2 modified by Przemo

Pozostałe - [dodatek] Rozwijane menu

Dzilet - 16-01-2011, 19:27
Temat postu: [dodatek] Rozwijane menu

Dodaj to tutaj na forum bo jest duzo pytan o to menu, wiec moze sie komus przyda.

Autor: Dynamic Drive
Wersja: v1.5
Instrukcja i wcielenie na forum: dzilet

Opis: Dodatek, ktory tworzy rozwijane menu na forum. Po najechaniu mysza pokazuja nam sie dodatkowe pola, ktore normalnie sa zwiniete.

Demo:

Edit:
Dodalem kolory do wyboru niebieski, zielony, zolty, czerwony, srebrny, pomaranczowy. Oraz efekty overmouse.
Wylaczylem cien w menu

Polaczek - 16-01-2011, 19:29

Każdy na dynamicdrive może sobie wg instrukcji wdrożyć na forum. Nie widzę problemu. Przenoszę do mod. graficznych.

edit: tak czy inaczej będą pytania. W każdym razie temat tu zostanie.

Dzilet - 16-01-2011, 19:34

Tak wiem, ale chodzi mi bardziej o samo szukanie dla tych poczatkujacych bo wiem, ze sprawia to wiele problemu a najszybciej trafia tutaj niz na dyniamicdrive

Loniu25 - 23-02-2011, 10:34

Mam taki blad, tzn widac menu poziomo dopiero po zalogowaniu a po wylogowaniu pionowo, fajne menu przydał by sie dzwiek naciśnięcia przycisku

zalogowany

wylogowany

termos - 15-09-2011, 05:43

Przepraszam za odkop...

Ale jak mogę skrócić ten pasek? Chciałbym żeby był równo z headerem, a ten niestety wychodzi trochę poza niego.

Goore11 - 13-12-2011, 23:26

Słuchajcie a jak zrobic tak?

mam menu graficzne i chce aby sie w nie klikalo/najechalo i by sie rozsuwało takie menu ?

Kod:

</div>
</div>
<ul id="menu">
<li><a href="{U_INDEX}"><img src="templates/styl/images/glowna.png" border="0"</a></li>
<li><a href="#" class="menu"><img src="templates/styln/images/kontakt.png" border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/styl/images/kontakt.png" border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/styl/images/kontakt.png" border="0"></a></li>
</ul>

podalem takie same gdyz nie chce aby byla reklama czy cos tego typu.

wie ktos moze jak to zrobic? probowalem juz pare razy ale za każdym razem sie wszystko rozpadalo.

Tommekk80 - 14-12-2011, 01:41

Goore11, pobrałeś w ogóle instrukcję z załącznika? Tam jest przykład takiego menu jak na ss.

Na przykładzie:

Kod:

<ul>
<li><a href="#">nagłówek1</a>
<ul>
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
</ul>
</li>
</ul>

Tworzysz listę w liście - chyba o to ci chodzi...

Goore11 - 15-12-2011, 17:36

zobacz co sie stalo :
Mystick-Project.xaa.pl

zrobilem tak :

Kod:

</div>
</div>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul id="menu">
<li><a href="{U_INDEX}"><img src="templates/cs_gvision/images/glowna.png" border="0"</a></li>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.1</a></li>
</ul>
<li><a href="http://reklama.cs-mentos-bany.xaa.pl" class="menu"><img src="templates/cs_gvision/images/forum dyskusyjne.png" " border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/cs_gvision/images/galeria.png" border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/cs_gvision/images/serwery.png" border="0"></a></li>
<li><a href="http://cs-mentos.pl/cennik.php" class="menu"><img src="templates/cs_gvision/images/cennik.png" border="0"></a></li>
<li><a href="http://cs-mentos.pl/Bany/ban_list.php" class="menu"><img src="templates/cs_gvision/images/amxbans.png" border="0"></a></li>
<li><a href="# class="menu"><img src="templates/cs_gvision/images/regulamin.png" border="0"></a></li>
<li><a href="{U_STAT}" class="menu"><img src="templates/cs_gvision/images/statystyki.png" border="0"></a></li>
<li><a href="{U_SEARCH}" class="menu"><img src="templates/cs_gvision/images/szukaj.png" border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/cs_gvision/images/kontakt.png" border="0"></a></li>
<li><a href="#" class="menu"><img src="templates/cs_gvision/images/konkurs.png" border="0"></a></li>
</ul>

jakies pomysly?

zaba1992 - 15-12-2011, 18:04

Jak zmienić szerokość menu ??

Tommekk80 - 15-12-2011, 18:43

Goore11, załącz overall_header.tpl

zaba1992, w pliku ddsmoothmenu.css (pogrubiłem)

Cytat:

.ddsmoothmenu{
font: bold 12px Verdana;
background: url(images/menu_long.png) repeat; /*background of menu bar (default state)*/
width: 982px;
}

zaba1992 - 15-12-2011, 19:08

A jak ustawić żeby szerokość menu było tak szerokie jak forum .. czyli na 100% szerokości ???

Goore11 - 15-12-2011, 19:13

Prosze załączam overal header

przed zmiana i po zmianie.

jeżeli ja coś zle zrobilem to zawsze ty możesz zrobic jak cos .

[ Dodano: 16-12-2011, 15:59 ]
i jak ?

Marcinex - 02-04-2013, 17:05

Witam

Nie korzystam do końca z tego kodu, ale może ktoś wie jak zmodyfikować poniższy kod css, żeby menu rozwijało się do drugiego poziomu? Tak jak w FOLDER 2 w obrazku w pierwszym poście.

Cytat:

#menu
{display: table; padding: 0 0px 0 !important; margin: 0 auto; overflow: hidden; font-size: 14px;height:43px;}
#menu li {list-style-type: none;
margin: 0 auto;
margin-left:3px;
float: left;
background:transparent url(images/over2.png)
repeat-x center;
height:43px;
line-height:43px;
padding-left:15px;
padding-right:15px;
-webkit-border-radius: 10px;

Z góry dziękuję

mediumXx - 20-01-2014, 21:50

Panowie nie wiem jak zrobić by te tło nie było przezroczyste pokazuje na screenie

d!r3k - 20-01-2014, 21:58

mediumXx, nadaj background color dla tej klasy.