[Frage] Superfish Menü > 3. Ebene wird nicht angezeigt TYPO3-Version: 6.1.7

  • s.sach s.sach
    Sternenflotten-Admiral
    0 x
    159 Beiträge
    0 Hilfreiche Beiträge
    25. 03. 2014, 10:27

    Hallo,

    ich bekomme es leider nicht hin, dass bei meinem Superfish Menü die dritte Ebene angezeigt wird. Wäre super, wenn mir jemand einen Tipp geben könnte.

    Hier mein TS:

    1. # Superfish Menu
    2. marks.MENU = HMENU
    3. marks.MENU {
    4.  
    5. # entryLevel =
    6. # excludeUidList = 6,232
    7. # special = directory
    8. # special.value = 1
    9.  
    10. 1 = TMENU
    11. 1 {
    12. noBlur = 1
    13. expAll = 1
    14. collapse = 0
    15. wrap = <div><ul class="sf-menu"> | </ul></div>
    16.  
    17. NO = 1
    18. NO.allStdWrap.dataWrap = <li>|</li>
    19. # NO.ATagTitle.field = title // subtitle
    20. NO.ATagParams =
    21.  
    22. ACT = 1
    23. ACT < .NO
    24. ACT.allStdWrap.dataWrap = <li>|</li>
    25. ACT.ATagParams =
    26.  
    27. IFSUB = 1
    28. IFSUB < .NO
    29. IFSUB.allStdWrap.dataWrap = <li>|
    30. IFSUB.ATagParams =
    31.  
    32. ACTIFSUB.allStdWrap.dataWrap = <li class="active">|
    33. ACTIFSUB.ATagParams =
    34. }
    35.  
    36. 2 = TMENU
    37. 2 {
    38. noBlur = 1
    39. expAll = 1
    40. collapse = 0
    41. wrap = <ul>|</ul></li>
    42. NO = 1
    43. NO.allStdWrap.dataWrap = <li>|</li>
    44. # NO.ATagTitle.field = title // subtitle
    45.  
    46. ACT = 1
    47. ACT < .NO
    48. ACT.allStdWrap.dataWrap = <li>|</li>
    49. ACT.ATagParams =
    50. }
    51.  
    52. 3 < .2
    53. 3.wrap = <ul>|</ul>
    54.  
    55. }

    Hier das CSS:

    1. /* SUPERFISH MENU */
    2.  
    3. /*** ESSENTIAL STYLES ***/
    4. .sf-menu, .sf-menu * {
    5. margin: 0;
    6. padding: 0;
    7. list-style: none;
    8. }
    9. .sf-menu li {
    10. position: relative;
    11. }
    12. .sf-menu ul {
    13. position: absolute;
    14. display: none;
    15. top: 100%;
    16. left: 0;
    17. z-index: 99;
    18. }
    19. .sf-menu > li {
    20. float: left;
    21. }
    22. .sf-menu li:hover > ul,
    23. .sf-menu li.sfHover > ul {
    24. display: block;
    25. }
    26.  
    27. .sf-menu a {
    28. display: block;
    29. position: relative;
    30. height: 15px;
    31. }
    32. .sf-menu ul ul {
    33. top: 0;
    34. left: 100%;
    35. }
    36.  
    37.  
    38. /*** DEMO SKIN ***/
    39. .sf-menu {
    40. float: left;
    41. margin-bottom: 0em;
    42. }
    43. .sf-menu ul {
    44. box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    45. min-width: 12em; /* allow long menu items to determine submenu width */
    46. *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    47. }
    48. .sf-menu a {
    49. border-left: 1px solid #fff;
    50. # border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    51. # border-bottom: 1px solid #FFFFFF; /* fallback colour must use full shorthand */
    52. # border-top: 1px solid rgba(255,255,255,.5);
    53. padding: .75em 1em;
    54. text-decoration: none;
    55. zoom: 1; /* IE7 */
    56. }
    57. .sf-menu a {
    58. color: #000000;
    59. }
    60. .sf-menu li {
    61. background: #ececec;
    62. white-space: nowrap; /* no need for Supersubs plugin */
    63. *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    64. -webkit-transition: background .2s;
    65. transition: background .2s;
    66. }
    67. .sf-menu ul li {
    68. background: #ececec;
    69. }
    70. .sf-menu ul ul li {
    71. background: #ececec;
    72. }
    73.  
    74. .sf-menu li:hover,
    75. .sf-menu li.sfHover {
    76. background: #D6D6D6;
    77. /* only transition out, not in */
    78. -webkit-transition: none;
    79. transition: none;
    80. }
    81.  
    82.  
    83.  
    84.  
    85. /*** arrows (for all except IE7) **/
    86. .sf-arrows .sf-with-ul {
    87. padding-right: 2.5em;
    88. *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
    89. }
    90. /* styling for both css and generated arrows */
    91. .sf-arrows .sf-with-ul:after {
    92. content: '';
    93. position: absolute;
    94. top: 50%;
    95. right: 1em;
    96. margin-top: -3px;
    97. height: 0;
    98. width: 0;
    99. /* order of following 3 rules important for fallbacks to work */
    100. border: 5px solid transparent;
    101. border-top-color: #FFFFFF; /* edit this to suit design (no rgba in IE8) */
    102. border-top-color: rgba(255,255,255,255);
    103. }
    104. .sf-arrows > li > .sf-with-ul:focus:after,
    105. .sf-arrows > li:hover > .sf-with-ul:after,
    106. .sf-arrows > .sfHover > .sf-with-ul:after {
    107. border-top-color: white; /* IE8 fallback colour */
    108. }
    109. /* styling for right-facing arrows */
    110. .sf-arrows ul .sf-with-ul:after {
    111. margin-top: -5px;
    112. margin-right: -3px;
    113. border-color: transparent;
    114. border-left-color: #FFFFFF; /* edit this to suit design (no rgba in IE8) */
    115. border-left-color: rgba(255,255,255,255);
    116. }
    117. .sf-arrows ul li > .sf-with-ul:focus:after,
    118. .sf-arrows ul li:hover > .sf-with-ul:after,
    119. .sf-arrows ul .sfHover > .sf-with-ul:after {
    120. border-left-color: white;
    121. }

    Vielen Dank.

    Gruß
    Steffen

  • Hilfreichster Beitrag

  • Bluespuke Bluespuke
    Sternenflotten-Admiral
    1 x
    131 Beiträge
    12 Hilfreiche Beiträge
    25. 03. 2014, 14:43 - Hilfreichster Beitrag

    Dir fehlen IFSUB und ACTIFSUB im Menu Ebene 2


  • 1
  • Bluespuke Bluespuke
    Sternenflotten-Admiral
    1 x
    131 Beiträge
    12 Hilfreiche Beiträge
    25. 03. 2014, 14:43

    Dir fehlen IFSUB und ACTIFSUB im Menu Ebene 2

  • s.sach s.sach
    Sternenflotten-Admiral
    0 x
    159 Beiträge
    0 Hilfreiche Beiträge
    25. 03. 2014, 15:48

    Ahhh. Super. Danke.

    Nun werden die Ebenen 3 und 4 automatisch mit Ebene 2 aufgeklappt. Was muss ich denn machen, damit sich die weiteren Ebenen nur per Mouseover aufklappen?
    Vielen Dank.

    Gruß
    Steffen

  • s.sach s.sach
    Sternenflotten-Admiral
    0 x
    159 Beiträge
    0 Hilfreiche Beiträge
    26. 03. 2014, 13:06

    Also ich komme da echt nicht weiter. Wenn ich meine Testseite [url]http://www.dudenhofen.info/test.html[/url] neu aufrufe bzw. aktualisiere, dann wird beim Mouseover auf Menüpunkt "Inhalt" die dritten Ebenen automatisch mit aufgeklappt. Wenn ich im Menü auf einen Punkt mit dritter Ebene gehe und das Menü verlasse und wieder aufrufe, dann werden die dritten Ebenen nicht mehr automatisch mit aufgeklappt, sondern nur noch bei Mouseover wie es sein soll.

    Ich habe mit meinem Amateurwissen jetzt Stunden im TS und CSS verbracht, bekomme es aber einfach nicht gebacken. Für einen Tipp wäre ich sehr dankbar...

    Gruß
    Steffen

  • s.sach s.sach
    Sternenflotten-Admiral
    0 x
    159 Beiträge
    0 Hilfreiche Beiträge
    26. 03. 2014, 16:18

    Ok, hab das Problem gefunden. Liegt an der Extension Flexslider. Dieser fügt eine Query ein, die die Ursache war. Verwende jetzt die jquery-1.9.1.min.js. Nur funktioniert jetzt der Flexslider damit nicht mehr.

  • 1