TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TYPO3 CMS: TypoScript » Menüs

Eine neue Ebene hinzufügen?


Autor Nachricht
Verfasst am: 18. 04. 2012 [12:01]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 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. icon_smile.gif

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:

TYPOSCRIPT
NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="nav-ebene-eins">|</ul>
         noBlur = 1
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 = TMENU
       2 {
         wrap = <ul class="nav-ebene-zwei">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
     }


und in meiner CSS steht:

CSS
/* Navigation */
/* Ebene Eins */
 
ul.nav-ebene-eins {
	padding:0;
	margin:0;
	list-style-type:none;
	width:960px;
}
 
ul.nav-ebene-eins li {
	padding:0;
	margin:0;
	display:inline;
	float:left;
	position:relative;
}
 
ul.nav-ebene-eins li a {
	display:block;
	width:156px;
	font-size:15px;
	text-align:center;
	line-height: 40px;
	background:transparent url(style_FILES/navi-hg.jpg) center center repeat-x;
	color:#5c6572;
	border-right:1px solid #d5d8db;	
	text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
 
 
 
 
}
 
ul.nav-ebene-eins li a:hover {
 
background:transparent url(style_FILES/navi-hg2.jpg) center center repeat-x;
 
}
 
ul.nav-ebene-eins li a.active {
background:transparent url(style_FILES/menu_sub_bg2.png) repeat;
}
 
 
 
/* Navigation */
/* Ebene Zwei */
 
ul.nav-ebene-zwei {
	padding:0;
	margin:0;
 
}
ul.nav-ebene-zwei li {
	clear:left;
 
}
ul.nav-ebene-zwei li a {
 
	border-right:none;
	text-align:center;
	background: transparent url(style_FILES/menu_sub_bg.png) repeat ;  !Important;
	box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
	text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
 
 
	color:#303132;
 
 
}
 
ul.nav-ebene-zwei li a:hover {
 
	color:#000 !Important;
	background:transparent url(style_FILES/menu_sub_bg3.png) repeat;
 
}


Habt ihr für mich ein paar Hilfestellungen?

Danke an euch!
Profil
Verfasst am: 18. 04. 2012 [14:42]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 So habs mal selber probiert

Bzw versucht zu erweitern.

Meine CSS sieht jetzt so aus:

CSS
/* Navigation */
/* Ebene drei */
 
ul.nav-ebene-drei {
	padding:0;
	margin:0;
 
}
ul.nav-ebene-drei li {
	clear:left;
 
}
ul.nav-ebene-drei li a {
 
	border-right:none;
	text-align:center;
	background: transparent url(style_FILES/menu_sub_bg.png) repeat ;  !Important;
	box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 20px 23px rgba(0, 0, 0, 0.20);
	text-shadow: 0px 0px 4px rgba(150, 150, 150, 0.29);
 
 
	color:#303132;
 
 
}
 
ul.nav-ebene-drei li a:hover {
 
	color:#000 !Important;
	background:transparent url(style_FILES/menu_sub_bg3.png) repeat;
 
}


und mein TS so:

TYPOSCRIPT
NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="nav-ebene-eins">|</ul>
         noBlur = 1
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 = TMENU
       2 {
         wrap = <ul class="nav-ebene-zwei">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       3 = TMENU
       3 {
         wrap = <ul class="nav-ebene-drei">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
     }


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? icon_frown.gif

Danke an euch
Profil
Verfasst am: 18. 04. 2012 [22:47]
karlchen
Dabei seit: 19.10.2006
Beiträge: 1012
 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://users.tpg.com.au/j_birch/plugins/superfish/#examples ?

Wenn ja ist es etwas schwierig dir einen genauen Tipp zugeben wie und wo es hackt, da es gerade hierbei eher um CSS und weniger um TypoScript geht.

Falls dieses Menu Menu daoben etwas für dich ist (grafisch kann man natürlich alles anpassen) habe ich gerade hier ein YouTube Tutorial gefunden.

http://wowa-webdesign.de/typo3-einsteigerkurs/typo3-tutorial-teil-71-einbau-des-superfish-dropdown-menues/
Profil
Verfasst am: 19. 04. 2012 [09:48]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 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ü
TYPOSCRIPT
/*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> */
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/superfish.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/supersubs.js"></script>
 
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){ 
        $("ul.sf-menu&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />.supersubs({ 
            minWidth:    11,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish({
				animation:   {opacity:'show',height:'show',width:'show'},
				speed: 'fast'
			});  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
 
</script>


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

Hier mal meine TS:

TYPOSCRIPT
#################################
# Indexed Search aktivieren
#################################
config.index_enable = 1
 
 
# RealURL
#config.simulateStaticDocuments = 0
#config.baseURL = http://www.test-typo3.de/
#config.tx_realurl_enable = 1
#config.uniqueLinkVars = 1
#config.linkVars = L
 
#E-Mail Antispam
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)
 
config {
  #Kommentare ausblenden
  disablePrefixComment = 1
  xhtml_cleaning = all
  index_enable = 1
  linkVars = L
  sys_language_uid = 0
  language = de
  locale_all = de_DE
  htmlTag_langKey = de
  metaCharset = utf-8
  #renderCharset = utf-8
  additionalHeaders = Content-Type:text/html;charset=utf-8
  extTarget=_blank
  doctype = xhtml_trans
}
 
 
#csc-header entfernen
lib.stdheader.stdWrap.dataWrap >
#�berschriften ohne Zus�tze
lib.stdheader.2.headerStyle >
lib.stdheader.3.headerClass >
# class="bodytext" bei RTE abstellen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
# Ummantelung mit <p> bei folgenden Tags verhindern
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
#p bei Tabellenzellen entfernen
#lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
#Klassen in Tabellen zulassen
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
 
 
page = PAGE
page {
 
  config.disablePrefixComment = 1
  shortcutIcon = fileadmin/template/images/favicon.ico
  typeNum = 0
  bodyTag = 
 
  includeCSS {
   file1 = fileadmin/template/style.css
   file1.media = screen
  }
   includeJS.file10 = fileadmin/template/js/jquery.min.js
 
  includeJSFooter{
  file11 = fileadmin/template/js/animated-menu.js
  file12 = fileadmin/template/js/general.js
  file13 = fileadmin/template/js/jquery.easing.1.3.js
}
 
 
  bodyTagCObject = TEXT
  bodyTagCObject.field = uid
  bodyTagCObject.wrap = <body id="page|">
 
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/template/template.html
  10.workOnSubpart = DOKUMENT
  10.marks {
 
    LOGO = TEXT
    LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
 
  NAVI= HMENU
  NAVI {
  special = directory
  special.value = 1
  1 = TMENU
  1 {
    wrap = <ul class="sf-menu">|</ul>
    expAll = 1 
    noBlur = 1 
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  3 < .2
  3.wrap = <ul>|</ul>
}
 
 
/*     NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="nav-ebene-eins">|</ul>
         noBlur = 1
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 = TMENU
       2 {
         wrap = <ul class="nav-ebene-zwei">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
     }
    */
 
   CONTENT = CONTENT
     CONTENT {
       table = tt_content
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 0
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
     }
 
     RIGHT = CONTENT
     RIGHT {
       table = tt_content
       slide = -1
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 2
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
     }
 
     HEADERBILD = CONTENT
     HEADERBILD {
       table = tt_content
       slide = -1
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 1
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
     }
 
     FOOTER = HMENU
     FOOTER {
       special = list
       special.value = 18,21,20,6
       1 = TMENU
       1 {
         wrap = <div class="menu-footer"> | </div>
         NO.allWrap = |&nbsp; |*|&bull;&nbsp;|&nbsp;|*|&bull;&nbsp;|
         NO.ATagTitle.field = title // nav_title 
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
    }
 
     HEADERNAVI = HMENU
     HEADERNAVI {
       special = list
       special.value = 6,10,11
  1 = GMENU
  1.noBlur = 1
  1.wrap = |
  1.NO = 1
  1.NO {
     altImgResource.import = uploads/media/
       altImgResource.import.field = media
     altImgResource.import.listNum = 0
  }
  1.RO < .1.NO
  1.RO = 1
  1.RO.altImgResource.import.listNum = 1
       }
    }
 
  }
}
 
plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
config.index_externals = 1 (z.B. für PDF Files)
config.sys_language_uid = 0
config.language = de
 
config.index_externals = 1
# Anzahl der anzuzeigenden Resultate pro Seite
plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
plugin.tx_indexedsearch {
  # ID der obersten Seite
  search.rootPidList = 1
  show.rules = 0
  show.advancedSearchLink = 1
  show.L1sections = 0
  templateFile = fileadmin/template/indexed_search.tmpl
  _DEFAULT_PI_VARS.lang = 0
  browseBoxWrap = <div class="browsebox">|</div>
  pageWrap = <span>|</span>
}
 
 
[globalVar = TSFE:id = 1]
page.includeJS.file81 = fileadmin/template/js/general-start.js
[global]
 
####
# Condition for layout
#####
 
[globalVar = TSFE:page|layout = 1]
page.10.template.file = fileadmin/template/temp-kontakt.html
[global]
 
 
[globalVar=TSFE:page|layout=2]
page.10.template.file = fileadmin/template/temp-start.html
[global]
 
 
[browser = msie]
page.includeCSS.file90 = fileadmin/template/ie.css
[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 icon_smile.gif

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 19.04.2012 um 09:50.]
Profil
Verfasst am: 19. 04. 2012 [09:53]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
ginobranco schrieb:

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ü
TYPOSCRIPT
/*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> */
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/superfish.js"></script>
<script type="text/javascript" src="http://domain.de/fileadmin/templates/js/supersubs.js"></script>
 
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){ 
        $("ul.sf-menu&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />.supersubs({ 
            minWidth:    11,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish({
				animation:   {opacity:'show',height:'show',width:'show'},
				speed: 'fast'
			});  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
 
</script>


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

Hier mal meine TS:

TYPOSCRIPT
#################################
# Indexed Search aktivieren
#################################
config.index_enable = 1
 
 
# RealURL
#config.simulateStaticDocuments = 0
#config.baseURL = http://www.test-typo3.de/
#config.tx_realurl_enable = 1
#config.uniqueLinkVars = 1
#config.linkVars = L
 
#E-Mail Antispam
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)
 
config {
  #Kommentare ausblenden
  disablePrefixComment = 1
  xhtml_cleaning = all
  index_enable = 1
  linkVars = L
  sys_language_uid = 0
  language = de
  locale_all = de_DE
  htmlTag_langKey = de
  metaCharset = utf-8
  #renderCharset = utf-8
  additionalHeaders = Content-Type:text/html;charset=utf-8
  extTarget=_blank
  doctype = xhtml_trans
}
 
 
#csc-header entfernen
lib.stdheader.stdWrap.dataWrap >
#�berschriften ohne Zus�tze
lib.stdheader.2.headerStyle >
lib.stdheader.3.headerClass >
# class="bodytext" bei RTE abstellen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
# Ummantelung mit <p> bei folgenden Tags verhindern
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
#p bei Tabellenzellen entfernen
#lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
#Klassen in Tabellen zulassen
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
 
 
page = PAGE
page {
 
  config.disablePrefixComment = 1
  shortcutIcon = fileadmin/template/images/favicon.ico
  typeNum = 0
  bodyTag = 
 
  includeCSS {
   file1 = fileadmin/template/style.css
   file1.media = screen
  }
   includeJS.file10 = fileadmin/template/js/jquery.min.js
 
  includeJSFooter{
  file11 = fileadmin/template/js/animated-menu.js
  file12 = fileadmin/template/js/general.js
  file13 = fileadmin/template/js/jquery.easing.1.3.js
}
 
 
  bodyTagCObject = TEXT
  bodyTagCObject.field = uid
  bodyTagCObject.wrap = <body id="page|">
 
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/template/template.html
  10.workOnSubpart = DOKUMENT
  10.marks {
 
    LOGO = TEXT
    LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
 
  NAVI= HMENU
  NAVI {
  special = directory
  special.value = 1
  1 = TMENU
  1 {
    wrap = <ul class="sf-menu">|</ul>
    expAll = 1 
    noBlur = 1 
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  3 < .2
  3.wrap = <ul>|</ul>
}
 
 
/*     NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="nav-ebene-eins">|</ul>
         noBlur = 1
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 = TMENU
       2 {
         wrap = <ul class="nav-ebene-zwei">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
     }
    */
 
   CONTENT = CONTENT
     CONTENT {
       table = tt_content
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 0
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
     }
 
     RIGHT = CONTENT
     RIGHT {
       table = tt_content
       slide = -1
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 2
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
     }
 
     HEADERBILD = CONTENT
     HEADERBILD {
       table = tt_content
       slide = -1
       select.orderBy = sorting
       select.languageField = sys_language_uid
       select.where = colPos = 1
       renderObj < tt_content
       renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
     }
 
     FOOTER = HMENU
     FOOTER {
       special = list
       special.value = 18,21,20,6
       1 = TMENU
       1 {
         wrap = <div class="menu-footer"> | </div>
         NO.allWrap = |  |*|• | |*|• |
         NO.ATagTitle.field = title // nav_title 
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
    }
 
     HEADERNAVI = HMENU
     HEADERNAVI {
       special = list
       special.value = 6,10,11
  1 = GMENU
  1.noBlur = 1
  1.wrap = |
  1.NO = 1
  1.NO {
     altImgResource.import = uploads/media/
       altImgResource.import.field = media
     altImgResource.import.listNum = 0
  }
  1.RO < .1.NO
  1.RO = 1
  1.RO.altImgResource.import.listNum = 1
       }
    }
 
  }
}
 
plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
config.index_externals = 1 (z.B. für PDF Files)
config.sys_language_uid = 0
config.language = de
 
config.index_externals = 1
# Anzahl der anzuzeigenden Resultate pro Seite
plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
plugin.tx_indexedsearch {
  # ID der obersten Seite
  search.rootPidList = 1
  show.rules = 0
  show.advancedSearchLink = 1
  show.L1sections = 0
  templateFile = fileadmin/template/indexed_search.tmpl
  _DEFAULT_PI_VARS.lang = 0
  browseBoxWrap = <div class="browsebox">|</div>
  pageWrap = <span>|</span>
}
 
 
[globalVar = TSFE:id = 1]
page.includeJS.file81 = fileadmin/template/js/general-start.js
[global]
 
####
# Condition for layout
#####
 
[globalVar = TSFE:page|layout = 1]
page.10.template.file = fileadmin/template/temp-kontakt.html
[global]
 
 
[globalVar=TSFE:page|layout=2]
page.10.template.file = fileadmin/template/temp-start.html
[global]
 
 
[browser = msie]
page.includeCSS.file90 = fileadmin/template/ie.css
[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 icon_smile.gif


auch als ich das Menü in mein TS integriert habe hatte ich Schwierigkeiten..
Das eigentliche Script war:
TYPOSCRIPT
lib.nav = HMENU
lib.nav {
  wrap = <ul class="sf-menu">|</ul>
 
  1 = TMENU
  1 {
    expAll = 1 
    noBlur = 1 
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  3 < .2
  3.wrap = <ul>|</ul>
}


Ich hab das dann daraus gemacht:
TYPOSCRIPT
NAVI= HMENU
  NAVI {
  special = directory
  special.value = 1
  1 = TMENU
  1 {
    wrap = <ul class="sf-menu">|</ul>
    expAll = 1 
    noBlur = 1 
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  3 < .2
  3.wrap = <ul>|</ul>
}


Ich weiss nicht mal ob das so ok war? icon_cry.gif
Profil
Verfasst am: 19. 04. 2012 [10:21]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 also sorry das es so viel geworden ist icon_frown.gif
hab mal rumprobiert.. es liegt irgendwie an diesem "wrap = <ul class="sf-menu">|</ul>" teil.. WRAP..
icon_frown.gif bau ich das rein zeigts mir was an..
Profil
Verfasst am: 19. 04. 2012 [10:55]
karlchen
Dabei seit: 19.10.2006
Beiträge: 1012
 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

HTML
// erste Ebene
<ul>
	<li>...</li>
	<li>...</li>
</ul>
 
// mit zweiter Ebene
<ul>
	<li>...
		<ul>
			<li>...</li>
		</ul>
	</li>
	<li>...</li>
</ul>


HTML
Wenn mich nicht alles täuscht sollte dein abgeändertes Menu jetzt aber sowas bauen
 
<ul>
	<li>...
		<li>...</li>
	</li>	
</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
Profil
Verfasst am: 19. 04. 2012 [11:04]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 Danke für die Erklärung.
Das erscheint mir jetzt auch als logisch.

Habs mal umgebaut:

TYPOSCRIPT
NAVI= HMENU
  NAVI {
  wrap = <ul class="sf-menu">|</ul>
 
  1 = TMENU
  1 {
    expAll = 1
    noBlur = 1
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="current">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  3 < .2
  3.wrap = <ul>|</ul>
}


Mit
TYPOSCRIPT
lib.nav = HMENU
lib.nav {


Hat es aber nichts zu tun oder?

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

Vielen Dank! Ich wäre echt Happy wenn das Menü geht.. dann wäre meine Seite endlich fertig! icon_smile.gif
Profil
Verfasst am: 19. 04. 2012 [12:14]
ginobranco
Themenersteller
Dabei seit: 23.03.2012
Beiträge: 69
 Hallo Karlchen,

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

HTML
<script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
<script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
<script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
 
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){ 
        $("ul.sf-menu&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />.supersubs({ 
            minWidth:    11,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        }).superfish({
				animation:   {opacity:'show',height:'show',width:'show'},
				speed: 'fast'
			});  // call supersubs first, then superfish, so that subs are 
                         // not display:none when measuring. Call before initialising 
                         // containing tabs for same reason. 
    }); 
 
</script>


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! icon_smile.gif

Klappt jetzt auch auf..

nur.. die 3. ebene FEHLT icon_frown.gif

Hier mein Script:

TYPOSCRIPT
NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="sf-menu">|</ul>
         noBlur = 1
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 = TMENU
       2 {
         wrap = <ul class="sf-menu">|</ul>
         expAll = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
     }


Danke Karlchen


[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 19.04.2012 um 12:21.]
Profil
Verfasst am: 19. 04. 2012 [21:31]
Chrissli
Dabei seit: 19.04.2010
Beiträge: 503
 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:

TYPOSCRIPT
NAVI= HMENU
     NAVI {
       special = directory
       special.value = 1
       1 = TMENU
       1 {
         wrap = <ul class="sf-menu">|</ul>
         noBlur = 1
         expAll = 1
         NO = 1
         NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
         NO.wrapItemAndSub = |</li>
         NO.ATagTitle.field = title // nav_title     
         ACT < .NO
         ACT = 1
         ACT.ATagParams = class="active"
       }
       2 < .1
       2 {
         noBlur = 0
       }
       3 < .2
     }

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!
ProfilICQ