Eine neue Ebene hinzufügen? [Gelöst]

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    18. 04. 2012, 12:01

    Hallo zusammen,
    erstmal ein großes Lob an den erstklassigen Support hier!

    Nun, ich muss vorweg sagen, dass ich noch ein Neuling in Sachen TYPO3 bin, deswegen bitte ich um ein wenig Nachsicht.

    Bin gerade dabei meine erste TYPO3 - Seite aufzubauen, mein Menü steht auch schon aber jetzt habe ich ein Problem wo ich nicht so recht weiter komme.

    Mein Menü klappt nach unten auf, daruter sind die Links zu den Seiten, aber auf meiner Webseite soll es auch noch zu einem Thema verschiedene Kategorien geben, sprich geht man auf einen Unterpunkt soll hier wenn ich will noch eine Auswahl getroffen werden können sozusagen eine 3. Ebene...

    Aber wie kann ich das realiseren?

    Habe dazu mal mein TS geöffnet darin steht bei Navigation:

    1. NAVI= HMENU
    2. NAVI {
    3. special = directory
    4. special.value = 1
    5. 1 = TMENU
    6. 1 {
    7. wrap = <ul class="nav-ebene-eins">|</ul>
    8. noBlur = 1
    9. expAll = 1
    10. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    11. NO.wrapItemAndSub = |</li>
    12. NO.ATagTitle.field = title // nav_title
    13. ACT < .NO
    14. ACT = 1
    15. ACT.ATagParams = class="active"
    16. }
    17. 2 = TMENU
    18. 2 {
    19. wrap = <ul class="nav-ebene-zwei">|</ul>
    20. expAll = 1
    21. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    22. NO.wrapItemAndSub = |</li>
    23. NO.ATagTitle.field = title // nav_title
    24. ACT < .NO
    25. ACT = 1
    26. ACT.ATagParams = class="active"
    27. }
    28. }

    und in meiner CSS steht:

    1. /* Navigation */
    2. /* Ebene Eins */
    3.  
    4. ul.nav-ebene-eins {
    5. padding:0;
    6. margin:0;
    7. list-style-type:none;
    8. width:960px;
    9. }
    10.  
    11. ul.nav-ebene-eins li {
    12. padding:0;
    13. margin:0;
    14. display:inline;
    15. float:left;
    16. position:relative;
    17. }
    18.  
    19. ul.nav-ebene-eins li a {
    20. display:block;
    21. width:156px;
    22. font-size:15px;
    23. text-align:center;
    24. line-height: 40px;
    25. background:transparent url(style_FILES/navi-hg.jpg) center center repeat-x;
    26. color:#5c6572;
    27. border-right:1px solid #d5d8db;
    28. text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
    29.  
    30.  
    31.  
    32.  
    33. }
    34.  
    35. ul.nav-ebene-eins li a:hover {
    36.  
    37. background:transparent url(style_FILES/navi-hg2.jpg) center center repeat-x;
    38.  
    39. }
    40.  
    41. ul.nav-ebene-eins li a.active {
    42. background:transparent url(style_FILES/menu_sub_bg2.png) repeat;
    43. }
    44.  
    45.  
    46.  
    47. /* Navigation */
    48. /* Ebene Zwei */
    49.  
    50. ul.nav-ebene-zwei {
    51. padding:0;
    52. margin:0;
    53.  
    54. }
    55. ul.nav-ebene-zwei li {
    56. clear:left;
    57.  
    58. }
    59. ul.nav-ebene-zwei li a {
    60.  
    61. border-right:none;
    62. text-align:center;
    63. background: transparent url(style_FILES/menu_sub_bg.png) repeat ; !Important;
    64. box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    65. -moz-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    66. -webkit-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    67. text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
    68.  
    69.  
    70. color:#303132;
    71.  
    72.  
    73. }
    74.  
    75. ul.nav-ebene-zwei li a:hover {
    76.  
    77. color:#000 !Important;
    78. background:transparent url(style_FILES/menu_sub_bg3.png) repeat;
    79.  
    80. }

    Habt ihr für mich ein paar Hilfestellungen?

    Danke an euch!


  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    18. 04. 2012, 14:42

    So habs mal selber probiert

    Bzw versucht zu erweitern.

    Meine CSS sieht jetzt so aus:

    1. /* Navigation */
    2. /* Ebene drei */
    3.  
    4. ul.nav-ebene-drei {
    5. padding:0;
    6. margin:0;
    7.  
    8. }
    9. ul.nav-ebene-drei li {
    10. clear:left;
    11.  
    12. }
    13. ul.nav-ebene-drei li a {
    14.  
    15. border-right:none;
    16. text-align:center;
    17. background: transparent url(style_FILES/menu_sub_bg.png) repeat ; !Important;
    18. box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    19. -moz-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    20. -webkit-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    21. text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
    22.  
    23.  
    24. color:#303132;
    25.  
    26.  
    27. }
    28.  
    29. ul.nav-ebene-drei li a:hover {
    30.  
    31. color:#000 !Important;
    32. background:transparent url(style_FILES/menu_sub_bg3.png) repeat;
    33.  
    34. }

    und mein TS so:

    1. NAVI= HMENU
    2. NAVI {
    3. special = directory
    4. special.value = 1
    5. 1 = TMENU
    6. 1 {
    7. wrap = <ul class="nav-ebene-eins">|</ul>
    8. noBlur = 1
    9. expAll = 1
    10. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    11. NO.wrapItemAndSub = |</li>
    12. NO.ATagTitle.field = title // nav_title
    13. ACT < .NO
    14. ACT = 1
    15. ACT.ATagParams = class="active"
    16. }
    17. 2 = TMENU
    18. 2 {
    19. wrap = <ul class="nav-ebene-zwei">|</ul>
    20. expAll = 1
    21. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    22. NO.wrapItemAndSub = |</li>
    23. NO.ATagTitle.field = title // nav_title
    24. ACT < .NO
    25. ACT = 1
    26. ACT.ATagParams = class="active"
    27. }
    28. 3 = TMENU
    29. 3 {
    30. wrap = <ul class="nav-ebene-drei">|</ul>
    31. expAll = 1
    32. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    33. NO.wrapItemAndSub = |</li>
    34. NO.ATagTitle.field = title // nav_title
    35. ACT < .NO
    36. ACT = 1
    37. ACT.ATagParams = class="active"
    38. }
    39. }

    Die Seite auf Ebene 3 wird auch angezeigt aber erst nach einen KLICK auf den Hauptpunkt Ebene 2..
    Wie kann ich das zum Hoovern realisieren? Bzw. Das es rechts daneben aufgeht.. die 2. Spalte?

    Danke an euch

  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    18. 04. 2012, 22:47

    Hallo,

    wenn ich dich richtig verstanden habe möchtest du ein Menu, welches die die 3te Ebene, (rein visuell) rechts neben der 2ten anzeigt ?
    Etwa so was in der Richtung http://wowa-webdesign.de/typo3-einsteigerkurs/typo3-tutorial-teil-71-einbau-des-superfish-dropdown-menues/

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 09:48

    Hallo Karlchen,

    auf dich ist wirklich verlass! Danke

    Du hast recht, es ist wegen CSS schwer mir da genau zu helfen.
    Dein Vorschlag mit dem "Superfish-Menü" ist super, genau so ein Menü wäre perfekt!
    Habe alle Dateien wie im Video gezeigt eingebunden.
    CSS und in mein Typoscript die Navigation.
    Das ganze schaut jetzt so aus:
    http://www.bilder-upload.eu/show.php?file=87787b-1334821478.jpg
    Ich weiss jetzt gar nicht ob das so aussehen soll..
    Alle Menüpunkte sind jetzt aufgeklappt..

    Was leider überhaupt nicht funktioniert ist die einbindung der JS Dateien.
    Die Jquerymin habe ich mal weg gelassen diese ist schon drin.

    Das wäre das Script für das Superfish-Menü

    1. /*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> */
    2. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/hoverIntent.js"></script>
    3. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/superfish.js"></script>
    4. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/supersubs.js"></script>
    5.  
    6. <script type="text/javascript">
    7. // initialise plugins
    8. $(document).ready(function(){
    9. $("ul.sf-menu").supersubs({
    10. minWidth: 11, // minimum width of sub-menus in em units
    11. maxWidth: 27, // maximum width of sub-menus in em units
    12. extraWidth: 1 // extra width can ensure lines don't sometimes turn over
    13. // due to slight rounding differences and font-family
    14. }).superfish({
    15. animation: {opacity:'show',height:'show',width:'show'},
    16. speed: 'fast'
    17. }); // call supersubs first, then superfish, so that subs are
    18. // not display:none when measuring. Call before initialising
    19. // containing tabs for same reason.
    20. });
    21.  
    22. </script>

    Binde ich das so in mein TS geht gar nichts mehr..

    Hier mal meine TS:

    1. #################################
    2. # Indexed Search aktivieren
    3. #################################
    4. config.index_enable = 1
    5.  
    6.  
    7. # RealURL
    8. #config.simulateStaticDocuments = 0
    9. #config.baseURL = http://www.test-typo3.de/
    10. #config.tx_realurl_enable = 1
    11. #config.uniqueLinkVars = 1
    12. #config.linkVars = L
    13.  
    14. #E-Mail Antispam
    15. config.spamProtectEmailAddresses = 1
    16. config.spamProtectEmailAddresses_atSubst = (at)
    17.  
    18. config {
    19. #Kommentare ausblenden
    20. disablePrefixComment = 1
    21. xhtml_cleaning = all
    22. index_enable = 1
    23. linkVars = L
    24. sys_language_uid = 0
    25. language = de
    26. locale_all = de_DE
    27. htmlTag_langKey = de
    28. metaCharset = utf-8
    29. #renderCharset = utf-8
    30. additionalHeaders = Content-Type:text/html;charset=utf-8
    31. extTarget=_blank
    32. doctype = xhtml_trans
    33. }
    34.  
    35.  
    36. #csc-header entfernen
    37. lib.stdheader.stdWrap.dataWrap >
    38. #�berschriften ohne Zus�tze
    39. lib.stdheader.2.headerStyle >
    40. lib.stdheader.3.headerClass >
    41. # class="bodytext" bei RTE abstellen
    42. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
    43. # Ummantelung mit <p> bei folgenden Tags verhindern
    44. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
    45. #p bei Tabellenzellen entfernen
    46. #lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
    47. #Klassen in Tabellen zulassen
    48. lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
    49.  
    50.  
    51. page = PAGE
    52. page {
    53.  
    54. config.disablePrefixComment = 1
    55. shortcutIcon = fileadmin/template/images/favicon.ico
    56. typeNum = 0
    57. bodyTag =
    58.  
    59. includeCSS {
    60. file1 = fileadmin/template/style.css
    61. file1.media = screen
    62. }
    63. includeJS.file10 = fileadmin/template/js/jquery.min.js
    64.  
    65. includeJSFooter{
    66. file11 = fileadmin/template/js/animated-menu.js
    67. file12 = fileadmin/template/js/general.js
    68. file13 = fileadmin/template/js/jquery.easing.1.3.js
    69. }
    70.  
    71.  
    72. bodyTagCObject = TEXT
    73. bodyTagCObject.field = uid
    74. bodyTagCObject.wrap = <!!=|>
    75.  
    76. 10 = TEMPLATE
    77. 10.template = FILE
    78. 10.template.file = fileadmin/template/template.html
    79. 10.workOnSubpart = DOKUMENT
    80. 10.marks {
    81.  
    82. LOGO = TEXT
    83. LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
    84.  
    85. NAVI= HMENU
    86. NAVI {
    87. special = directory
    88. special.value = 1
    89. 1 = TMENU
    90. 1 {
    91. wrap = <ul class="sf-menu">|</ul>
    92. expAll = 1
    93. noBlur = 1
    94. NO = 1
    95. NO.allWrap= <li>|</li>
    96.  
    97. CUR = 1
    98. CUR.allWrap = <li class="current">|</li>
    99.  
    100. }
    101.  
    102. 2 = TMENU
    103. 2 {
    104. expAll = 1
    105. noBlur = 1
    106. NO.wrapItemAndSub = <li>|</li>
    107.  
    108. CUR = 1
    109. CUR.wrapItemAndSub = <li class="current">|</li>
    110.  
    111. ACT = 1
    112. ACT < .CUR
    113. }
    114.  
    115. 3 < .2
    116. 3.wrap = <ul>|</ul>
    117. }
    118.  
    119.  
    120. /* NAVI= HMENU
    121.   NAVI {
    122.   special = directory
    123.   special.value = 1
    124.   1 = TMENU
    125.   1 {
    126.   wrap = <ul class="nav-ebene-eins">|</ul>
    127.   noBlur = 1
    128.   expAll = 1
    129.   NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    130.   NO.wrapItemAndSub = |</li>
    131.   NO.ATagTitle.field = title // nav_title
    132.   ACT < .NO
    133.   ACT = 1
    134.   ACT.ATagParams = class="active"
    135.   }
    136.   2 = TMENU
    137.   2 {
    138.   wrap = <ul class="nav-ebene-zwei">|</ul>
    139.   expAll = 1
    140.   NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    141.   NO.wrapItemAndSub = |</li>
    142.   NO.ATagTitle.field = title // nav_title
    143.   ACT < .NO
    144.   ACT = 1
    145.   ACT.ATagParams = class="active"
    146.   }
    147.   }
    148.   */
    149.  
    150. table = tt_content
    151. select.orderBy = sorting
    152. select.languageField = sys_language_uid
    153. select.where = colPos = 0
    154. renderObj < tt_content
    155. renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
    156. }
    157.  
    158. RIGHT = CONTENT
    159. RIGHT {
    160. table = tt_content
    161. slide = -1
    162. select.orderBy = sorting
    163. select.languageField = sys_language_uid
    164. select.where = colPos = 2
    165. renderObj < tt_content
    166. renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
    167. }
    168.  
    169. HEADERBILD = CONTENT
    170. HEADERBILD {
    171. table = tt_content
    172. slide = -1
    173. select.orderBy = sorting
    174. select.languageField = sys_language_uid
    175. select.where = colPos = 1
    176. renderObj < tt_content
    177. renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
    178. }
    179.  
    180. FOOTER = HMENU
    181. FOOTER {
    182. special = list
    183. special.value = 18,21,20,6
    184. 1 = TMENU
    185. 1 {
    186. wrap = <div class="menu-footer"> | </div>
    187. NO.allWrap = |&nbsp; |*|&bull;&nbsp;|&nbsp;|*|&bull;&nbsp;|
    188. NO.ATagTitle.field = title // nav_title
    189. ACT < .NO
    190. ACT = 1
    191. ACT.ATagParams = class="active"
    192. }
    193. }
    194.  
    195. HEADERNAVI = HMENU
    196. HEADERNAVI {
    197. special = list
    198. special.value = 6,10,11
    199. 1 = GMENU
    200. 1.noBlur = 1
    201. 1.wrap = |
    202. 1.NO = 1
    203. 1.NO {
    204. altImgResource.import = uploads/media/
    205. altImgResource.import.field = media
    206. altImgResource.import.listNum = 0
    207. }
    208. 1.RO < .1.NO
    209. 1.RO = 1
    210. 1.RO.altImgResource.import.listNum = 1
    211. }
    212. }
    213.  
    214. }
    215. }
    216.  
    217. plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
    218. config.index_externals = 1 (z.B. für PDF Files)
    219. config.sys_language_uid = 0
    220. config.language = de
    221.  
    222. config.index_externals = 1
    223. # Anzahl der anzuzeigenden Resultate pro Seite
    224. plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
    225. plugin.tx_indexedsearch {
    226. # ID der obersten Seite
    227. search.rootPidList = 1
    228. show.rules = 0
    229. show.advancedSearchLink = 1
    230. show.L1sections = 0
    231. templateFile = fileadmin/template/indexed_search.tmpl
    232. _DEFAULT_PI_VARS.lang = 0
    233. browseBoxWrap = <div class="browsebox">|</div>
    234. pageWrap = <span>|</span>
    235. }
    236.  
    237.  
    238. [globalVar = TSFE:id = 1]
    239. page.includeJS.file81 = fileadmin/template/js/general-start.js
    240. [global]
    241.  
    242. ####
    243. # Condition for layout
    244. #####
    245.  
    246. [globalVar = TSFE<i class="mmforum-iconset-20-razz"></i>age|layout = 1]
    247. page.10.template.file = fileadmin/template/temp-kontakt.html
    248. [global]
    249.  
    250.  
    251. [globalVar=TSFE<i class="mmforum-iconset-20-razz"></i>age|layout=2]
    252. page.10.template.file = fileadmin/template/temp-start.html
    253. [global]
    254.  
    255.  
    256. [browser = msie]
    257. page.includeCSS.file90 = fileadmin/template/ie.css
    258. [GLOBAL]

    Würdest du mir vllt. noch einen Tipp geben? Ich was ich falsch mache? Bin echt am Verweifeln.. Ein großes Danke an dich

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 09:53

    [quote="ginobranco"]
    Hallo Karlchen,

    auf dich ist wirklich verlass! Danke

    Du hast recht, es ist wegen CSS schwer mir da genau zu helfen.
    Dein Vorschlag mit dem "Superfish-Menü" ist super, genau so ein Menü wäre perfekt!
    Habe alle Dateien wie im Video gezeigt eingebunden.
    CSS und in mein Typoscript die Navigation.
    Das ganze schaut jetzt so aus:
    http://www.bilder-upload.eu/show.php?file=87787b-1334821478.jpg
    Ich weiss jetzt gar nicht ob das so aussehen soll..
    Alle Menüpunkte sind jetzt aufgeklappt..

    Was leider überhaupt nicht funktioniert ist die einbindung der JS Dateien.
    Die Jquerymin habe ich mal weg gelassen diese ist schon drin.

    Das wäre das Script für das Superfish-Menü

    1. /*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> */
    2. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/hoverIntent.js"></script>
    3. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/superfish.js"></script>
    4. <script type="text/javascript" src="http://domain.de/fileadmin/templates/js/supersubs.js"></script>
    5.  
    6. <script type="text/javascript">
    7. // initialise plugins
    8. $(document).ready(function(){
    9. $("ul.sf-menu").supersubs({
    10. minWidth: 11, // minimum width of sub-menus in em units
    11. maxWidth: 27, // maximum width of sub-menus in em units
    12. extraWidth: 1 // extra width can ensure lines don't sometimes turn over
    13. // due to slight rounding differences and font-family
    14. }).superfish({
    15. animation: {opacity:'show',height:'show',width:'show'},
    16. speed: 'fast'
    17. }); // call supersubs first, then superfish, so that subs are
    18. // not display:none when measuring. Call before initialising
    19. // containing tabs for same reason.
    20. });
    21.  
    22. </script>

    Binde ich das so in mein TS geht gar nichts mehr..

    Hier mal meine TS:

    1. #################################
    2. # Indexed Search aktivieren
    3. #################################
    4. config.index_enable = 1
    5.  
    6.  
    7. # RealURL
    8. #config.simulateStaticDocuments = 0
    9. #config.baseURL = http://www.test-typo3.de/
    10. #config.tx_realurl_enable = 1
    11. #config.uniqueLinkVars = 1
    12. #config.linkVars = L
    13.  
    14. #E-Mail Antispam
    15. config.spamProtectEmailAddresses = 1
    16. config.spamProtectEmailAddresses_atSubst = (at)
    17.  
    18. config {
    19. #Kommentare ausblenden
    20. disablePrefixComment = 1
    21. xhtml_cleaning = all
    22. index_enable = 1
    23. linkVars = L
    24. sys_language_uid = 0
    25. language = de
    26. locale_all = de_DE
    27. htmlTag_langKey = de
    28. metaCharset = utf-8
    29. #renderCharset = utf-8
    30. additionalHeaders = Content-Type:text/html;charset=utf-8
    31. extTarget=_blank
    32. doctype = xhtml_trans
    33. }
    34.  
    35.  
    36. #csc-header entfernen
    37. lib.stdheader.stdWrap.dataWrap >
    38. #�berschriften ohne Zus�tze
    39. lib.stdheader.2.headerStyle >
    40. lib.stdheader.3.headerClass >
    41. # class="bodytext" bei RTE abstellen
    42. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
    43. # Ummantelung mit <p> bei folgenden Tags verhindern
    44. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
    45. #p bei Tabellenzellen entfernen
    46. #lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
    47. #Klassen in Tabellen zulassen
    48. lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
    49.  
    50.  
    51. page = PAGE
    52. page {
    53.  
    54. config.disablePrefixComment = 1
    55. shortcutIcon = fileadmin/template/images/favicon.ico
    56. typeNum = 0
    57. bodyTag =
    58.  
    59. includeCSS {
    60. file1 = fileadmin/template/style.css
    61. file1.media = screen
    62. }
    63. includeJS.file10 = fileadmin/template/js/jquery.min.js
    64.  
    65. includeJSFooter{
    66. file11 = fileadmin/template/js/animated-menu.js
    67. file12 = fileadmin/template/js/general.js
    68. file13 = fileadmin/template/js/jquery.easing.1.3.js
    69. }
    70.  
    71.  
    72. bodyTagCObject = TEXT
    73. bodyTagCObject.field = uid
    74. bodyTagCObject.wrap = <!!=|>
    75.  
    76. 10 = TEMPLATE
    77. 10.template = FILE
    78. 10.template.file = fileadmin/template/template.html
    79. 10.workOnSubpart = DOKUMENT
    80. 10.marks {
    81.  
    82. LOGO = TEXT
    83. LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
    84.  
    85. NAVI= HMENU
    86. NAVI {
    87. special = directory
    88. special.value = 1
    89. 1 = TMENU
    90. 1 {
    91. wrap = <ul class="sf-menu">|</ul>
    92. expAll = 1
    93. noBlur = 1
    94. NO = 1
    95. NO.allWrap= <li>|</li>
    96.  
    97. CUR = 1
    98. CUR.allWrap = <li class="current">|</li>
    99.  
    100. }
    101.  
    102. 2 = TMENU
    103. 2 {
    104. expAll = 1
    105. noBlur = 1
    106. NO.wrapItemAndSub = <li>|</li>
    107.  
    108. CUR = 1
    109. CUR.wrapItemAndSub = <li class="current">|</li>
    110.  
    111. ACT = 1
    112. ACT < .CUR
    113. }
    114.  
    115. 3 < .2
    116. 3.wrap = <ul>|</ul>
    117. }
    118.  
    119.  
    120. /* NAVI= HMENU
    121.   NAVI {
    122.   special = directory
    123.   special.value = 1
    124.   1 = TMENU
    125.   1 {
    126.   wrap = <ul class="nav-ebene-eins">|</ul>
    127.   noBlur = 1
    128.   expAll = 1
    129.   NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    130.   NO.wrapItemAndSub = |</li>
    131.   NO.ATagTitle.field = title // nav_title
    132.   ACT < .NO
    133.   ACT = 1
    134.   ACT.ATagParams = class="active"
    135.   }
    136.   2 = TMENU
    137.   2 {
    138.   wrap = <ul class="nav-ebene-zwei">|</ul>
    139.   expAll = 1
    140.   NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    141.   NO.wrapItemAndSub = |</li>
    142.   NO.ATagTitle.field = title // nav_title
    143.   ACT < .NO
    144.   ACT = 1
    145.   ACT.ATagParams = class="active"
    146.   }
    147.   }
    148.   */
    149.  
    150. table = tt_content
    151. select.orderBy = sorting
    152. select.languageField = sys_language_uid
    153. select.where = colPos = 0
    154. renderObj < tt_content
    155. renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
    156. }
    157.  
    158. RIGHT = CONTENT
    159. RIGHT {
    160. table = tt_content
    161. slide = -1
    162. select.orderBy = sorting
    163. select.languageField = sys_language_uid
    164. select.where = colPos = 2
    165. renderObj < tt_content
    166. renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
    167. }
    168.  
    169. HEADERBILD = CONTENT
    170. HEADERBILD {
    171. table = tt_content
    172. slide = -1
    173. select.orderBy = sorting
    174. select.languageField = sys_language_uid
    175. select.where = colPos = 1
    176. renderObj < tt_content
    177. renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
    178. }
    179.  
    180. FOOTER = HMENU
    181. FOOTER {
    182. special = list
    183. special.value = 18,21,20,6
    184. 1 = TMENU
    185. 1 {
    186. wrap = <div class="menu-footer"> | </div>
    187. NO.allWrap = |  |*|• | |*|• |
    188. NO.ATagTitle.field = title // nav_title
    189. ACT < .NO
    190. ACT = 1
    191. ACT.ATagParams = class="active"
    192. }
    193. }
    194.  
    195. HEADERNAVI = HMENU
    196. HEADERNAVI {
    197. special = list
    198. special.value = 6,10,11
    199. 1 = GMENU
    200. 1.noBlur = 1
    201. 1.wrap = |
    202. 1.NO = 1
    203. 1.NO {
    204. altImgResource.import = uploads/media/
    205. altImgResource.import.field = media
    206. altImgResource.import.listNum = 0
    207. }
    208. 1.RO < .1.NO
    209. 1.RO = 1
    210. 1.RO.altImgResource.import.listNum = 1
    211. }
    212. }
    213.  
    214. }
    215. }
    216.  
    217. plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
    218. config.index_externals = 1 (z.B. für PDF Files)
    219. config.sys_language_uid = 0
    220. config.language = de
    221.  
    222. config.index_externals = 1
    223. # Anzahl der anzuzeigenden Resultate pro Seite
    224. plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
    225. plugin.tx_indexedsearch {
    226. # ID der obersten Seite
    227. search.rootPidList = 1
    228. show.rules = 0
    229. show.advancedSearchLink = 1
    230. show.L1sections = 0
    231. templateFile = fileadmin/template/indexed_search.tmpl
    232. _DEFAULT_PI_VARS.lang = 0
    233. browseBoxWrap = <div class="browsebox">|</div>
    234. pageWrap = <span>|</span>
    235. }
    236.  
    237.  
    238. [globalVar = TSFE:id = 1]
    239. page.includeJS.file81 = fileadmin/template/js/general-start.js
    240. [global]
    241.  
    242. ####
    243. # Condition for layout
    244. #####
    245.  
    246. [globalVar = TSFE<i class="mmforum-iconset-20-razz"></i>age|layout = 1]
    247. page.10.template.file = fileadmin/template/temp-kontakt.html
    248. [global]
    249.  
    250.  
    251. [globalVar=TSFE<i class="mmforum-iconset-20-razz"></i>age|layout=2]
    252. page.10.template.file = fileadmin/template/temp-start.html
    253. [global]
    254.  
    255.  
    256. [browser = msie]
    257. page.includeCSS.file90 = fileadmin/template/ie.css
    258. [GLOBAL]

    Würdest du mir vllt. noch einen Tipp geben? Ich was ich falsch mache? Bin echt am Verweifeln.. Ein großes Danke an dich
    [/quote]

    auch als ich das Menü in mein TS integriert habe hatte ich Schwierigkeiten..
    Das eigentliche Script war:

    1. lib.nav = HMENU
    2. lib.nav {
    3. wrap = <ul class="sf-menu">|</ul>
    4.  
    5. 1 = TMENU
    6. 1 {
    7. expAll = 1
    8. noBlur = 1
    9. NO = 1
    10. NO.allWrap= <li>|</li>
    11.  
    12. CUR = 1
    13. CUR.allWrap = <li class="current">|</li>
    14.  
    15. }
    16.  
    17. 2 = TMENU
    18. 2 {
    19. expAll = 1
    20. noBlur = 1
    21. NO.wrapItemAndSub = <li>|</li>
    22.  
    23. CUR = 1
    24. CUR.wrapItemAndSub = <li class="current">|</li>
    25.  
    26. ACT = 1
    27. ACT < .CUR
    28. }
    29.  
    30. 3 < .2
    31. 3.wrap = <ul>|</ul>
    32. }

    Ich hab das dann daraus gemacht:

    1. NAVI= HMENU
    2. NAVI {
    3. special = directory
    4. special.value = 1
    5. 1 = TMENU
    6. 1 {
    7. wrap = <ul class="sf-menu">|</ul>
    8. expAll = 1
    9. noBlur = 1
    10. NO = 1
    11. NO.allWrap= <li>|</li>
    12.  
    13. CUR = 1
    14. CUR.allWrap = <li class="current">|</li>
    15.  
    16. }
    17.  
    18. 2 = TMENU
    19. 2 {
    20. expAll = 1
    21. noBlur = 1
    22. NO.wrapItemAndSub = <li>|</li>
    23.  
    24. CUR = 1
    25. CUR.wrapItemAndSub = <li class="current">|</li>
    26.  
    27. ACT = 1
    28. ACT < .CUR
    29. }
    30.  
    31. 3 < .2
    32. 3.wrap = <ul>|</ul>
    33. }

    Ich weiss nicht mal ob das so ok war?

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 10:21

    also sorry das es so viel geworden ist
    hab mal rumprobiert.. es liegt irgendwie an diesem "wrap = <ul class="sf-menu">|</ul>" teil.. WRAP..
    bau ich das rein zeigts mir was an..

  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    19. 04. 2012, 10:55

    hallo

    gerade nur mal kurz rüber geschaut. Dein TypoScript scheint an der Stelle auch nicht korrekt zu sein.
    Wenn du eine Liste in HTML aufbaust muss es ungefähr so aussehen

    1. // erste Ebene
    2. <ul>
    3. <li>...</li>
    4. <li>...</li>
    5. </ul>
    6.  
    7. // mit zweiter Ebene
    8. <ul>
    9. <li>...
    10. <ul>
    11. <li>...</li>
    12. </ul>
    13. </li>
    14. <li>...</li>
    15. </ul>

    1. Wenn mich nicht alles täuscht sollte dein abgeändertes Menu jetzt aber sowas bauen
    2.  
    3. <ul>
    4. <li>...
    5. <li>...</li>
    6. </li>
    7. </ul>

    weil du den wrap = <ul class="sf-menu">|</ul> bei "1 = TMENU" untergebracht hast, somit wird auch nur die erste Ebene mit dem <ul> umgeben
    daher kann auch das javascript nicht greifen

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 11:04

    Danke für die Erklärung.
    Das erscheint mir jetzt auch als logisch.

    Habs mal umgebaut:

    1. NAVI= HMENU
    2. NAVI {
    3. wrap = <ul class="sf-menu">|</ul>
    4.  
    5. 1 = TMENU
    6. 1 {
    7. expAll = 1
    8. noBlur = 1
    9. NO = 1
    10. NO.allWrap= <li>|</li>
    11.  
    12. CUR = 1
    13. CUR.allWrap = <li class="current">|</li>
    14.  
    15. }
    16.  
    17. 2 = TMENU
    18. 2 {
    19. expAll = 1
    20. noBlur = 1
    21. NO.wrapItemAndSub = <li>|</li>
    22.  
    23. CUR = 1
    24. CUR.wrapItemAndSub = <li class="current">|</li>
    25.  
    26. ACT = 1
    27. ACT < .CUR
    28. }
    29.  
    30. 3 < .2
    31. 3.wrap = <ul>|</ul>
    32. }

    Mit

    1. lib.nav = HMENU
    2. lib.nav {

    Hat es aber nichts zu tun oder?

    Leider greift das JS auch nicht weil ich es nicht in mein TS includen kann

    Vielen Dank! Ich wäre echt Happy wenn das Menü geht.. dann wäre meine Seite endlich fertig!

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 12:14

    Hallo Karlchen,

    bin jetzt alleine doch etwas weiter gekommen.
    Das Script JS funktioniert jetzt scheinbar..
    habe es in mein "template.html" eingebunden:

    1. <script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
    2. <script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
    3. <script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
    4.  
    5. <script type="text/javascript">
    6. // initialise plugins
    7. $(document).ready(function(){
    8. $("ul.sf-menu").supersubs({
    9. minWidth: 11, // minimum width of sub-menus in em units
    10. maxWidth: 27, // maximum width of sub-menus in em units
    11. extraWidth: 1 // extra width can ensure lines don't sometimes turn over
    12. // due to slight rounding differences and font-family
    13. }).superfish({
    14. animation: {opacity:'show',height:'show',width:'show'},
    15. speed: 'fast'
    16. }); // call supersubs first, then superfish, so that subs are
    17. // not display:none when measuring. Call before initialising
    18. // containing tabs for same reason.
    19. });
    20.  

    Hoover ich über das Menü auf meiner Seite sehe ich auch das es greift..

    Was die Navigation betrifft bin ich auch weiter gekommen dank deiner Hilfe!

    Klappt jetzt auch auf..

    nur.. die 3. ebene FEHLT

    Hier mein Script:

    1. NAVI= HMENU
    2. NAVI {
    3. special = directory
    4. special.value = 1
    5. 1 = TMENU
    6. 1 {
    7. wrap = <ul class="sf-menu">|</ul>
    8. noBlur = 1
    9. expAll = 1
    10. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    11. NO.wrapItemAndSub = |</li>
    12. NO.ATagTitle.field = title // nav_title
    13. ACT < .NO
    14. ACT = 1
    15. ACT.ATagParams = class="active"
    16. }
    17. 2 = TMENU
    18. 2 {
    19. wrap = <ul class="sf-menu">|</ul>
    20. expAll = 1
    21. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    22. NO.wrapItemAndSub = |</li>
    23. NO.ATagTitle.field = title // nav_title
    24. ACT < .NO
    25. ACT = 1
    26. ACT.ATagParams = class="active"
    27. }
    28. }

    Danke Karlchen

  • Chrissli Chrissli
    Jedi-Ratsmitglied
    0 x
    710 Beiträge
    9 Hilfreiche Beiträge
    19. 04. 2012, 21:31

    Natürlich kommt keine 3. Ebene mehr, du hast in deinem TypoScript doch nur Ebene 1 und 2 definiert.
    Um das mal etwas abzukürzen:

    1. NAVI= HMENU
    2. NAVI {
    3. special = directory
    4. special.value = 1
    5. 1 = TMENU
    6. 1 {
    7. wrap = <ul class="sf-menu">|</ul>
    8. noBlur = 1
    9. expAll = 1
    10. NO = 1
    11. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    12. NO.wrapItemAndSub = |</li>
    13. NO.ATagTitle.field = title // nav_title
    14. ACT < .NO
    15. ACT = 1
    16. ACT.ATagParams = class="active"
    17. }
    18. 2 < .1
    19. 2 {
    20. noBlur = 0
    21. }
    22. 3 < .2
    23. }

    Damit sollte dann auch die 3. Ebene angezeigt werden. Mir ist allerdings nicht klar, wieso du an jeden Navigationspunkt die ID mit anhängst. Hast du vor einzele Punkte speziell zu formatieren? Ich denke, dafür gibt es bessere Möglichkeiten, z.b. als parameter im Typolink.
    Nur so als Denkanstoß

    God's in his heaven, all's right with the world

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    19. 04. 2012, 21:46

    Kaum zu glauben, es funktioniert!
    Die Navigation steht und hab auch gleich alles formatiert mit CSS.. wunderbar! Vielen Dank an Karlchen und Chrissli!
    Es ist toll hier immer wieder was zu lernen und Hilfe zu bekommen!