phpBB2 by Przemo

Dzilet · **Pomógł:** 28 razy Posty: 359

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

Rozwijane menu 1.5.rar

Pobierz Plik ściągnięto 1714 raz(y) 11,71 KB

Gadatliwa Kasia

Polaczek · **Pomógł:** 351 razy Posty: 2297

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 · **Pomógł:** 28 razy Posty: 359

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 · Posty: 33

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 · **Pomógł:** 1 raz Posty: 21

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 · **Pomógł:** 5 razy Posty: 123

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 · **Pomógł:** 1411 razy Posty: 4780

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 · **Pomógł:** 5 razy Posty: 123

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 · **Pomógł:** 3 razy Posty: 524

Jak zmienić szerokość menu ??

Tommekk80 · **Pomógł:** 1411 razy Posty: 4780

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 · **Pomógł:** 3 razy Posty: 524

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

Goore11 · **Pomógł:** 5 razy Posty: 123

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 ?

overale.rar

Pobierz Plik ściągnięto 1005 raz(y) 9 KB

Marcinex · Posty: 3

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 · Posty: 296

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

Gadatliwa Kasia

@d!r3k · **Pomógł:** 851 razy Posty: 1685

mediumXx, nadaj background color dla tej klasy.