Rozwijane menu

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Zablokowany
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Rozwijane menu

Post autor: @Marcin » 09 lipca 2009, 17:47

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?
Wsparcie phpBB PL !!
Na górę
Awatar użytkownika
dezerter_af
Posty: 174
Rejestracja: 04 listopada 2008, 07:03
Lokalizacja: Częstochowa
Kontakt:
Skontaktuj się z dezerter_af

Re: Rozwijane menu

Post autor: dezerter_af » 19 sierpnia 2009, 09:06

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 ?
Grafika na szkle do kuchni to idealny pomysł na odświeżenie jej wyglądu. Szkło jest wyznacznikiem elegancji, a dzięki elastyczności, można na nim nadrukować dowolną grafikę!
Grafika na szkle - Glass Decor
Szkło do kuchni - GlassDecor
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 30 sierpnia 2009, 21:15

Tak, wszystko wg. instrukcji :)
Wsparcie phpBB PL !!
Na górę
Awatar użytkownika
huber2t
Zasłużony
Posty: 745
Rejestracja: 30 października 2008, 17:16

Re: Rozwijane menu

Post autor: huber2t » 31 sierpnia 2009, 03:37

Standardowo: Cache styli i forum wyczyszczone?
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 31 sierpnia 2009, 09:37

Tak :)
Wsparcie phpBB PL !!
Na górę
Awatar użytkownika
dezerter_af
Posty: 174
Rejestracja: 04 listopada 2008, 07:03
Lokalizacja: Częstochowa
Kontakt:
Skontaktuj się z dezerter_af

Re: Rozwijane menu

Post autor: dezerter_af » 31 sierpnia 2009, 13:46

Podaj adres strony, i powiedz co robiłeś krok po kroku...
Grafika na szkle do kuchni to idealny pomysł na odświeżenie jej wyglądu. Szkło jest wyznacznikiem elegancji, a dzięki elastyczności, można na nim nadrukować dowolną grafikę!
Grafika na szkle - Glass Decor
Szkło do kuchni - GlassDecor
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 31 sierpnia 2009, 14:06

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 :)
Wsparcie phpBB PL !!
Na górę
pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Rozwijane menu

Post autor: pit » 31 sierpnia 2009, 16:13

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 -

Kod: Zaznacz cały

@import url("ddsmoothmenu.css");
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

Kod: Zaznacz cały

<!-- INCLUDE menu.html -->
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 02 września 2009, 12:34

pit, wszystko się pojawia jak trzeba tylko tam gdzie jest menu rozwijane to nie ma tej strzałki i menu się nie rozwija..
Wsparcie phpBB PL !!
Na górę
jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:
Skontaktuj się z jaroslw

Re: Rozwijane menu

Post autor: jaroslw » 02 września 2009, 18:59

Pokaż jakąś prezentację jak użyłeś tego kodu.
Pobierz styl: we_universal • we_clearblue
Nowości i aktualizacje: Facebook • Google+ • Twitter
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 16 września 2009, 13:33

Mam jeszcze takie pytanie, jak całe menu wyśrodkować? Domyślnie jest do lewej strony...
Wsparcie phpBB PL !!
Na górę
pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Rozwijane menu

Post autor: pit » 16 września 2009, 16:05

To

Kod: Zaznacz cały

<div style="float: center;">
zastąp tym

Kod: Zaznacz cały

<div style="width: 500px; margin: 0 auto">
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 16 września 2009, 17:09

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ć? :)
Wsparcie phpBB PL !!
Na górę
pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: Rozwijane menu

Post autor: pit » 16 września 2009, 17:44

Zmień w menu.html

Kod: Zaznacz cały

<br style="clear: left" />
na

Kod: Zaznacz cały

<br />
Na górę
Awatar użytkownika
@Marcin
Zasłużony
Posty: 1635
Rejestracja: 08 lutego 2009, 21:27
Lokalizacja: Nowa Ruda (PL) / Milton Keynes (UK)
Kontakt:
Skontaktuj się z @Marcin

Re: Rozwijane menu

Post autor: @Marcin » 16 września 2009, 17:45

niestety nic nie pomogło...
Wsparcie phpBB PL !!
Na górę
Zablokowany

Wróć do „Pomoc”