Strona 1 z 2
Rozwijane menu
: 09 lipca 2009, 17:47
autor: @Marcin
Chciałem sobie zrobić takie menu jak jest na
tej stronie, wpisuje kod do overall_header.html css do pliku .css ale mi to nie działa w ogóle. Jak dodać takie menu do phpBB3?
Re: Rozwijane menu
: 19 sierpnia 2009, 09:06
autor: dezerter_af
A dodałeś, to :
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
i pobrałeś i wrzuciłeś pliki które są tam do ściągnięcia? oraz kod menu ?
Re: Rozwijane menu
: 30 sierpnia 2009, 21:15
autor: @Marcin
Tak, wszystko wg. instrukcji
Re: Rozwijane menu
: 31 sierpnia 2009, 03:37
autor: huber2t
Standardowo: Cache styli i forum wyczyszczone?
Re: Rozwijane menu
: 31 sierpnia 2009, 09:37
autor: @Marcin
Tak
Re: Rozwijane menu
: 31 sierpnia 2009, 13:46
autor: dezerter_af
Podaj adres strony, i powiedz co robiłeś krok po kroku...
Re: Rozwijane menu
: 31 sierpnia 2009, 14:06
autor: @Marcin
Adres strony to:
www.luzaki.org a robiłem wszystko jak w instrukcji, widocznie nie do końca jak trzeba bo nie działało jak należy
Jak by ktos mógł zrobić instrukcję do phpBB3 to będę wdzięczny
Re: Rozwijane menu
: 31 sierpnia 2009, 16:13
autor: pit
Między <head>...</head> wklejasz -
Kod: Zaznacz cały
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ddsmoothmenu.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/menu.js"></script>
W "stylesheet.css" dodajesz -
Robisz plik "menu.html"
Kod: Zaznacz cały
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
Robisz drugi plik "menu.js"
Kod: Zaznacz cały
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
Kopiujesz:
ddsmoothmenu.js, menu.html i menu.js do /template
ddsmoothmenu.css do /theme
right.gif i down.gif do /root
W stosownym miejscu (gdzie ma się pojawić menu) wklejasz
Re: Rozwijane menu
: 02 września 2009, 12:34
autor: @Marcin
pit, wszystko się pojawia jak trzeba tylko tam gdzie jest menu rozwijane to nie ma tej strzałki i menu się nie rozwija..
Re: Rozwijane menu
: 02 września 2009, 18:59
autor: jaroslw
Pokaż jakąś prezentację jak użyłeś tego kodu.
Re: Rozwijane menu
: 16 września 2009, 13:33
autor: @Marcin
Mam jeszcze takie pytanie, jak całe menu wyśrodkować? Domyślnie jest do lewej strony...
Re: Rozwijane menu
: 16 września 2009, 16:05
autor: pit
Re: Rozwijane menu
: 16 września 2009, 17:09
autor: @Marcin
pit zmieniłem na 700px bo było jedno pod drugim, jest teraz na środku ale po lewej i prawej stronie pojawiły się niebieskie paski z tła.. nie bardzo to wygląda
jak to poprawić?
Re: Rozwijane menu
: 16 września 2009, 17:44
autor: pit
Re: Rozwijane menu
: 16 września 2009, 17:45
autor: @Marcin
niestety nic nie pomogło...