Uwaga! Od sierpnia 2017 forum jest w trybie tylko do odczytu.

Dlaczego? Dlatego, że społeczność TYPO3 przeniosła się na slack'a i stackoverflow:
  • Przeczytaj artykuł wprowadzający do slacka, w którym dowiesz gdzie i jak się zarejestrować.
  • Jeżeli masz pytania odnośnie Polskiej Społeczności TYPO3 zapraszamy na kanał slack'a #community-pl. Rozmawiamy tam w języku polskim.
  • Pytania dotyczące samego TYPO3 zadawaj po angielsku na stackoverflow oznaczając je tagiem "typo3". Następnie posługując się linkiem do tego pytania postaraj się zachęcić ludzi z kanału slack'a #typo3-cms lub bardziej pasujących kanałów tematycznych, żeby na nie odpowiedzieli.
  • Możesz też oczywiście zadawać pytania na slacku bez zakładania wątków na stackoverflow, ale wówczas wiedza ta nie jest indeksowana przez googla i część osób nie będzie chciała Ci z tego powodu pomagać.
  • Dla części osób dzielących się wiedzą ważne jest też budowanie reputacji na stackoverflow. Jest to kolejny powód dla którego powinieneś zadawać pytania na stackoverflow by zwiększyć swoje szanse na znalezienie odpowiedzi. Pamiętaj, żeby oceniać odpowiedzi!
Forum » TYPO3 » Menu
Temat z wieloma odpowiedziami

jQuery Drop Down Menu - Apycom jQuery Menu


Autor Wiadomość
Napisane: 20.06.2012 [10:52]
Imp
zarejestrowany: 13.04.2011
Posty: 170
Ja bym to zrobił wykorzystując tylko style CSS.
Struktura, którą chcesz uzyskać nie jest bardzo skomplikowana.

Przy pomocy TS budujesz sobie strukturę menu jaką tylko potrzebujesz a potem wystylizujesz sobie to jak tylko chcesz.

Może tu znajdziesz jakieś inspiracje jeszcze - LINK

Ciekawy ten przykład TS co pokazałeś wyżej.

IMP
Napisane: 20.06.2012 [11:27]
mwolanski
Twórca tematu
zarejestrowany: 23.11.2011
Posty: 88
I Tak tez zrobilem wlasnie wczoraj przed 17!

TYPOSCRIPT
##### MAINMENU WITH A JQUERY SUBMENU #####
 
 
lib.menu= HMENU
lib.menu{
  noBlur = 1
  entryLevel = 0
  special = directory
  special.value = 1
  expAll = 1
  wrap = <div id="smoothmenu1" class="ddsmoothmenu">|</div>    
 
  1 = TMENU
  1 {
  noBlur = 1
  entryLevel = 0
  wrap = <ul class="ulmenu">|</ul>
  expAll = 1
  NO.wrapItemAndSub = <li class="limenu1">|</li>
 
  ACT = 1
  ACT.wrapItemAndSub = <li class="liact1">|</li>
 
  CUR = 1
  CUR.wrapItemAndSub = <li class="licur1">|</li>
 
  IFSUB = 1
  IFSUB.wrapItemAndSub = <li class="lisub1">|</li>
 
 
  SPC = 1
  SPC.doNotShowLink = 0
  SPC.doNotLinkIt = 1
  #/* SPC.allWrap = <div class="ba_links"> | </div>
  SPC.allWrap = <div class="spacer"> | </div>
}
 
 
  2 = TMENU
  2 {
  noBlur = 1
  wrap = <ul class="ulmenu2">|</ul>
  expAll = 1
  NO.wrapItemAndSub = <li class="limenu2">|</li>
  ACT = 1
  ACT.wrapItemAndSub = <li class="liact2">|</li>
  CUR = 1
  CUR.wrapItemAndSub = <li class="licur2">|</li>
  IFSUB = 1
  IFSUB.wrapItemAndSub = <li class="lisub2">|</li>
  SPC = 1
  SPC.doNotShowLink = 0
  SPC.doNotLinkIt = 1
  #/* SPC.allWrap = <div class="ba_links"> | </div>
  SPC.allWrap = <div class="spacer"> | </div>  
 
  }
 
  3 = TMENU
  3 {
  noBlur = 1
  wrap = <ul class="ulmenu3">|</ul>
  expAll = 1
  NO.wrapItemAndSub = <li class="limenu3">|</li>
  ACT = 1
  ACT.wrapItemAndSub = <li class="liact3">|</li>
  CUR = 1
  CUR.wrapItemAndSub = <li class="licur3">|</li>
  IFSUB = 1
  IFSUB.wrapItemAndSub = <li class="lisub3">|</li>
  SPC = 1
  SPC.doNotShowLink = 0
  SPC.doNotLinkIt = 1
  #/* SPC.allWrap = <div class="ba_links"> | </div>
  SPC.allWrap = <div class="spacer3"> | </div>  
 
  }
 
  4 = TMENU
  4 {
  noBlur = 1
  wrap = <ul class="ulmenu4">|</ul>
  expAll = 1
  NO.wrapItemAndSub = <li class="limenu4">|</li>
  ACT = 1
  ACT.wrapItemAndSub = <li class="liact4">|</li>
  CUR = 1
  CUR.wrapItemAndSub = <li class="licur4">|</li>
  IFSUB = 1
  IFSUB.wrapItemAndSub = <li class="lisub4">|</li>
  SPC = 1
  SPC.doNotShowLink = 0
  SPC.doNotLinkIt = 1
  #/* SPC.allWrap = <div class="ba_links"> | </div>
  SPC.allWrap = <div class="spacer4"> | </div>  
  }
}


Problem u mnie byl taki, ze nie moglem ustawic funkcjonalnosci pokazania kilku leveli submenu w tym samym czasie.

Dlatego przerobilem swoje menu na jeden wspolny level i ustawilem odpowiednie separatory ktore wskazuja pozycje podmenu.

Wyglada to calkiem niezle (plik w zalaczniku)

Live preview

Załącznik