Zobacz pełną wersję : Rozwijane Menu w Joomla !
Witam . Wiem, że temat jest wałkowany od jakiegoś czasu ale nie znalazłem żadnej konkretnej odpowiedzi. A wiec chodzi mi o to żeby w menu po lewej stronie była jedna pozycja a po najechaniu na nią pojawiały się obok nastepne pozycje . Czekam na odpowiedz.
zwiastun
04-01-2009, 20:53
http://docs.joomla.org/Creating_a_CSS_Drop_down_Menu
i dziesiątki innych
nie znam zbyt dobrze angielskiego.. szukam kogoś kto by mi wytłumaczył jak to zrobić..
Byłby któs kto by normalnie wytłumaczył jak zrobić to menu?
litości.. ;) nawet ja opisywałem kiedyś jak to zrobić i to nawet całkiem dokłądnie, (na prośbę zwiastuna)
przeszukaj moje posty (...kliknij mój nick...) albo przez wyszukiwarke.. exmenu spróbuj wpisac, bo to chyba o to menu sie rozchodziło, ale nie dam sie pociąć.. ;)
wynik mojego wyszukiwania:
http://forum.joomla.pl/showthread.php?t=15621&highlight=exmenu
poniżej instrukcja, którą kiedyś przesłałem Zwiastunowi.. nie wiem czy jest gdzieś opublikowana, wiec zamieszczam tutaj..
W poniższej instrukcji postaram się przybliżyć działanie EXmenu, czyli modułu, który umożliwia budowanie wysuwanych menu zarówno poziomych jak i pionowych.
Aby rozpocząć całą zabawę należy ze strony http://de.siteof.de/extended-menu.html pobrać najnowszą wersję modułu. Kolejne instrukcję postaram się opisać w punktach:
1. Instalowanie modułu
a) zaloguj się na zaplecze administratora
b) z menu wybierz Rozszerzenia/Instaluj a następnie wskaż miejsce, w którym znajduje się ściągnięty moduł exmenu
c) jeśli instalacja przebiegła pomyślnie zostaniesz o tym stosownie poinformowany
2. Opublikowanie modułu
a) wejdź w Rozszerzenia/Moduły i wyszukaj Extended Menu
b) kliknij na nazwie Extended Menu, aby przejść do właściwości modułu
c) z lewej strony wybierz TAK dla opcji „Włączony”
3. Konfiguracja exmenu - z prawej strony należy odpowiednio ustawić opcję:
a) nazwę menu (Menu Name) – wybrać z listy dostępnych menu
b) styl menu (Menu Style) – przykładowo Vertical
c) nazwę szablonu menu (Template Name) – jest to czynność najważniejsza, bez której całe menu nie będzie działało poprawnie. Należy:
- ze strony http://de.siteof.de/extended-menu-templates.html pobrać odpowiedni szablon (w zależności od tego jakie menu będziemy chcieli zbudować np. poziome, pionowe, rozwinięte itp.)
- rozpakować szablon
- wgrać pliki na serwer do folderu z aktualnym szablonem (public_html/templates/szablon/) nie zmieniając struktury plików
- dodać do pliku index.php aktualnego szablonu obsługę nowego arkusza stylów z szablonu menu, który w punkcie wyżej wgrałeś na serwer (np. <link rel="stylesheet" href="/templates/szablon/css/menu.css" type="text/css" />)
d) pozostałych opcji nie trzeba konfigurować, menu bez nich powinno działać poprawnie, zatem pozostaje jesdynie zapisanie konfiguracji modułu i sprawdzenie jak wygląda menu, oraz zmiana stylu, gdyż nie każdemu będzie odpowiadał szablon menu, który został wgrany. Zmiany dokonać trzeba w pliku css/menu.css (jak? Proponuję odszukanie w googlach kursu o CSS)
UWAGA!
Aby menu się wysuwało musi ono mieć stworzone submenu, czyli podpozycje. Wejdź na zapleczu administratora w opcje menu, aby to sprawdzić (np. Menu/Main Menu). Jeśli menu posiada submenu, to są one odsunięte od lewej krawędzi o kilka milimetrów (pozycja zaczyna się od kropki . a następnie dwóch kresek w kształcie litery L).
Jeśli nie masz podpozycji i nie wiesz jak je zrobić czytaj więcej: http://www.pomoc.joomla.pl/content/view/665/5/
by idek
https://www.joomlart.com/forums/showthread.php?t=11098 Fajny i prosty modulik do wyświetlania rozwijanego menu. W sam raz dla Ciebie
Pozdrawiam
niestety zrobiłem tak jak bylo w tym opisie i nie działa ..
tzn jest to menu elegancko ale sie nie rozwija..
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/szablon/css/menu.css" type="text/css" />
u mnie dopisałem tą ostatnią linkijkę przekopiowując twoją
bardzo prosz napisać co to znaczy na przykład
zrobiłem wsztyko aby działało i nie działa - podejżewam że problem polega na tm że przekopiowałem powyższą linijkę i wkleiłem
a może powinienem coś w niej pozmieniać?
zwiastun
29-01-2009, 13:49
Czy w ogóle wiesz, co to za znacznik link i co on wskazuje? Jeśli nie, pomaszeruj do jakiegoś kursu podstaw HTML
Ta linia powinna brzmieć:
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/menu.css" type="text/css" />
Jak przypuszczam - to szablon JA_Purity, w ktorym rozwijalne menu jest standardem i do którego ani nic nie trzeba instalować, ani nic dopisywać. Wystarczy odpowiednio skonfigurować.
<link rel="stylesheet" href="/templates/szablon/css/menu.css" type="text/css" />
Ja opuściłem slash i działa:
<link rel="stylesheet" href="templates/szablon/css/menu.css" type="text/css" />
kryjogen
06-02-2009, 14:08
Ja mam inne zapytanie:
Zrobiłem sobie menu za pomocą extended menu i wszystko śmiga. Problemem jest to, że menu wyjeżdża poza ramkę modułu, tzn inaczej: menu ma ileśtam pozycji, a ramka modułu ma taką wysokość, jakby nic w niej nie było. Jak i gdzie to ustawić?
zwiastun
06-02-2009, 14:36
Może ramka modułu ma ustaloną wysokość? Panie, samochód mi się zepsuł, nie wiesz, co mu może być?
Zwiastun, wiem, że jesteś starym wygą odpowoadałeś ponad 8 tys. razy, ale nie musisz być taki ironiczny. Dla ciebie czasem są to może bzdury ale dla nas często są to problemy nie do przejścia. Kursy, szkolenia, google wszystoko jest dobre ale często nie znajdziesz tam odpowidzi na zaistniały problemy. Wielu jest początkujących i ma prawo zadawać nawet głupie pytania.
zwiastun
07-02-2009, 14:53
Ktoś Cię prosił o pouczanie?
Jeśli jesteś taki mądry, to:
a) albo odpowiedz na pytanie i pomóż koledze,
b) albo opisz zamiast niego, na czym polega problem i podaj link do strony.
PS Odzywasz się w tym wątku po raz drugi niepotrzebnie - pierwsza "porada" również nic nie wnosiła!
zwiastun już tak ma.. woli się tu wywyższać niż pomóc..
zwiastun
07-02-2009, 21:29
Widocznie użytkownicy tego forum dzielą się na takich, którym da się pomóc i takich, którym "święty Boże nie pomoże", a co dopiero zwiastun. Nie dość, że coś, co innym działa bez problemu, im nie działa w ogóle, to jeszcze nie potrafią tego ani opisać, ani pokazać, za to potrafią biadolić!
PS Kompleksów u innych doszukują się zwykle Ci, którzy sobie z nimi radzić nie potrafią!
Przepraszam Zwiastun, że będę Cię teraz pouczał, ale może moja odpowiedź zamknie buzie kilku pyskliwym. Może też coś ich nauczy...
Zrobiłem sobie menu za pomocą extended menu i wszystko śmiga. Problemem jest to, że menu wyjeżdża poza ramkę modułu, tzn inaczej: menu ma ileśtam pozycji, a ramka modułu ma taką wysokość, jakby nic w niej nie było. Jak i gdzie to ustawić?
Moim zdaniem odpowiedź powinna brzmieć jakoś tak:
Na jakichś stronach znajdź jakiś dodatek. W jakimś jego module znajdziesz jakąś linię kodu, którą jakoś zmienisz i wszystko powinno jakoś śmigać.
EDIT:
Zastrzegam prawa autorskie na następne "jakieś pomagania". ;-)
lW poniższej instrukcji postaram się przybliżyć działanie EXmenu, czyli modułu, który umożliwia budowanie wysuwanych menu zarówno poziomych jak i pionowych.
Aby rozpocząć całą zabawę należy ze strony http://de.siteof.de/extended-menu.html pobrać najnowszą wersję modułu. Kolejne instrukcję postaram się opisać w punktach:
1. Instalowanie modułu
a) zaloguj się na zaplecze administratora
b) z menu wybierz Rozszerzenia/Instaluj a następnie wskaż miejsce, w którym znajduje się ściągnięty moduł exmenu
c) jeśli instalacja przebiegła pomyślnie zostaniesz o tym stosownie poinformowany
2. Opublikowanie modułu
a) wejdź w Rozszerzenia/Moduły i wyszukaj Extended Menu
b) kliknij na nazwie Extended Menu, aby przejść do właściwości modułu
c) z lewej strony wybierz TAK dla opcji „Włączony”
3. Konfiguracja exmenu - z prawej strony należy odpowiednio ustawić opcję:
a) nazwę menu (Menu Name) – wybrać z listy dostępnych menu
b) styl menu (Menu Style) – przykładowo Vertical
c) nazwę szablonu menu (Template Name) – jest to czynność najważniejsza, bez której całe menu nie będzie działało poprawnie. Należy:
- ze strony http://de.siteof.de/extended-menu-templates.html pobrać odpowiedni szablon (w zależności od tego jakie menu będziemy chcieli zbudować np. poziome, pionowe, rozwinięte itp.)
- rozpakować szablon
- wgrać pliki na serwer do folderu z aktualnym szablonem (public_html/templates/szablon/) nie zmieniając struktury plików
- dodać do pliku index.php aktualnego szablonu obsługę nowego arkusza stylów z szablonu menu, który w punkcie wyżej wgrałeś na serwer (np. <link rel="stylesheet" href="/templates/szablon/css/menu.css" type="text/css" />)
d) pozostałych opcji nie trzeba konfigurować, menu bez nich powinno działać poprawnie, zatem pozostaje jesdynie zapisanie konfiguracji modułu i sprawdzenie jak wygląda menu, oraz zmiana stylu, gdyż nie każdemu będzie odpowiadał szablon menu, który został wgrany. Zmiany dokonać trzeba w pliku css/menu.css (jak? Proponuję odszukanie w googlach kursu o CSS)
UWAGA!
Aby menu się wysuwało musi ono mieć stworzone submenu, czyli podpozycje. Wejdź na zapleczu administratora w opcje menu, aby to sprawdzić (np. Menu/Main Menu). Jeśli menu posiada submenu, to są one odsunięte od lewej krawędzi o kilka milimetrów (pozycja zaczyna się od kropki . a następnie dwóch kresek w kształcie litery L).
Jeśli nie masz podpozycji i nie wiesz jak je zrobić czytaj więcej: http://www.pomoc.joomla.pl/content/view/665/5/
by idek
od jakiegoś czasu próbuję włączyć rozwijane menu na stronie www.wikaro.pl (http://www.wikaro.pl)
dla top menu
rozwijany ma być tylko jedna pozycja wyjazdy tak jak w menu bocznym
skorzystałem z tutoriala z cytatu powyżej niestety nie chce mi to działać
ściągnąłem template suckerfish-horizontal-1.0.1
wrzuciłem go na serwer do templates/
w ustawieniach dla extended menu ustawiłem:
menu name = top menu
menu style = horizontal
Menu View Plugin Name = suckerfish-horizontal-1.0.1
i nie mogę go uruchomić
będę wdzięczny za pomoc lub wskazówkę jak to poprawić
lub jakiś inny sposób jak to ustawić
Nie czytałem poradnika idka, wiec się nie wypowiadam.
W ja_purity top menu śmiga aż miło. Skopiuj sobie ustawienia.
Nie czytałem poradnika idka, wiec się nie wypowiadam.
W ja_purity top menu śmiga aż miło. Skopiuj sobie ustawienia.
samo top menu działa chodzi mi o menu rozwijane. Mam ustawioną podkategorię i dla menu i nic, wrzuciłem do podstrony na www.wikaro.wikaro.pl i nie do końca działa :(
Zajrzałem na Twoją stronę - nie ma górnego menu.
Może to Cię naprowadzi: http://forum.joomla.pl/showthread.php?t=26210
bo menu jest na dole ;)
główna strona jest na www.wikaro.pl co do samego menu to w top menu letnie (na końcu) sa w drzewie menu w submenu wyjazdów czyli najlepiej to widać w main menu po kliknięciu wyjazdy i podobnie chciałbym mieć w top menu
@Qbik
Tak jak napisał Bazyl:
W ja_purity top menu śmiga aż miło...
W Joomla 1.5 nie musisz instalować (choć możesz) dodatkowego modułu dla menu rozwijanego. Moduł domyślny np topmenu całkowicie wystarczy, reszta jest kwestią stylów. Temat był wałkowany, ale spróbuję podać rozwiązanie zastosowane w projekcie czystego szablonu ze strony:
http://www.bulletprooftemplates.com/forum/index.php?f=2&rb_v=viewforum
W index.php wklejasz moduł topmenu (w najbardziej podstawowej formule)
<div id="nav" >
<jdoc:include type="modules" name="user3" style="raw" />
</div>W tym przypadku ma on pozycję "user3", i oczywiście ustawiony jako lista z zaznaczoną opcją "Podrzędne zawsze" na "Tak"
A w css wklejasz taki kod (dla dwóch pozycji podrzędnych):
/* @menu poziome rozwijane typu suckerfish */
#nav {position:relative; margin:0;margin:0 auto; z-index:900;float:left;}
#nav ul {padding:0; margin:0;list-style-type: none;}
#nav ul li {float:left; margin:0px; position:relative;}
#nav ul li a, #nav ul li a:visited {display:block; text-decoration:none;overflow:hidden;}
#nav ul li ul {display: none;}
#nav ul li:hover ul, #nav ul li.iehover ul {display:block; position:absolute;}
/* ta zasada okresla jak ma zachowywac sie submenu po najezdzie myszki na pozycje nadrzedna */
#nav ul li:hover ul li ul, #nav ul li.iehover ul li ul {display: none;}
#nav ul li:hover ul li a, #nav ul li.iehover ul li a {display:block;}
#nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul {display:block; position:absolute;}
/* ta zasada okresla jak ma zachowywac sie sub submenu po najezdzie myszki na pozycje nadrzedna*/
/* @koniec */
Podane na tacy? No nie, dla IE musisz jeszcze wrzucić do szablonu skrypt iehover.js (jest w szablonie szkieletowym na podanej wyżej stronie). Musisz też wystylować w css kolory, ramki etc... czyli wygląd. Jakieś rozwiązanie tam jest, ale i tak musisz je dopasować do swojej strony więc nie wklejam, bo to kawałek kodu.
Generalnie w "tym temacie" standardem jest
http://docs.joomla.org/Creating_a_CSS_Drop_down_Menu
a ja zapodaję szerzej przy okazji grzebania w tym czystym szkieletowym szablonie z serii "odpornej na pociski" ;)
To tak dla lubiących samemu podłubać, ale zastrzegam, nie będę wyjaśniał dlaczego "a u mnie nie działa..." Sprawdzone - działa.
zwiastun
04-03-2009, 12:27
Się nazywa ... kuloodporne :)
ok dziękuje za pomoc, musiałem gruntownie przerobić menu i teraz działa ;) mam tylko problem z wysokością linii w submenu w bocznym menu, np w wyjazdy
@Qbik
Pracuj z paddingami i marginesami tu (w style.css):
#left ul.menu li:hover li {padding:0px;margin: 0px;}
uważaj tylko na różnice FF v IE w rozumieniu margin i padding, masz chyba warunkowy arkusz stylów dla IE i tam wpisz inne wartości.
dorzuć może też taką linię:
#left ul.menu li a {padding: 0px 0px 10px 0px; margin 0px;}
(wartości - tylko przykład), to może wycentrujesz w pionie tekst w ul.menu li, bo teraz jest lekko niżej. nie wiem czy to jest najprostsze rozwiązanie ale zadziała, tylko każdą zmianę sprawdzaj w IE i koryguj w jego arkuszu stylów.
trzeciaq
01-08-2012, 01:36
chlopaki pomocy, przestudiowalem wasze linki i pomysly i nadal nie moge zrobic rozwijanego menu na mojej stronce. robie strone znajomej za przyslowiowa flaszke www.uslugipodatkowe.info i chcilabym aby "akty prawne" u gory sie rozwijaly, mam zrobione submenu , zaznaczone opcje rowin menu, podrzedne zawsze probowalem waszych sposobow i nic nie dziala, czy zalezy to tez od templatki ??
zwiastun
01-08-2012, 11:24
robie strone znajomej za przyslowiowa flaszke
Bo takie są skutki picia wódki
1. Psujesz rynek
2. Uczysz biznes(wo)menów, że pieniądze się robią za frico
3. Do rozwijanego menu jest całe mnóstwo modułów, wystarczy wziąć, zainstalować, używać => JED
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!