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

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Menüs

Free CSS Dropdownmenü - Darstellungsproblem


Autor Nachricht
Verfasst am: 30. 12. 2011 [15:47]
Flocky
Themenersteller
Dabei seit: 19.02.2003
Beiträge: 17
 Hallo!
Bitte nicht steinigen für die Frage, aber ich komme seit Tagen nicht weiter. Vorweg möchte ich aber einwerfen: bin kein Programmierer etc., ich kämpfe mich durch Typo3 und TS auf Basis von Tutorials etc. um meine Vereinsseiten zu machen. Ich möchte die Celebrity Version des Menüs einbinden.

Ich habe das Plugin in meine neue Testumgebung eingebunden. Die Seite hat ein HTML Template mit einem Marker für das Menü ###MENU_MAIN###.

In diesen Marker soll das Free CSS Dropdown Plugin eingebunden werden. Ich habe im Fileadmin einen Unterordner fileadmin/templates/menu angelegt und dort alle relevanten Dateien abgelegt:
* default.advanced.css (aus dem Unterordner celebrity)
* default.css (aus dem Unterordner celebrity)
* helper.css (aus dem Unterordner celebrity)
sowie die Dateien
* dropdown.css
* dropdown.linear.css
* dropdown.linear.columnar.css

Mein Haupttemplate sieht so aus:
Constants:
TYPOSCRIPT
plugin.freeCssDropDownMenu.themeCss = fileadmin/templates/menu/default.advanced.css 
plugin.freeCssDropDownMenu.page = page 
plugin.freeCssDropDownMenu.headerDataId = 9876 
plugin.freeCssDropDownMenu.horizontal = 1 
plugin.freeCssDropDownMenu.horizontal.start = 1 
plugin.freeCssDropDownMenu.horizontal.exclude = 
plugin.freeCssDropDownMenu.vertical = 0 
plugin.freeCssDropDownMenu.vertical.start = 3 
plugin.freeCssDropDownMenu.vertical.exclude =


Setup:
TYPOSCRIPT
page = PAGE
page.typeNum = 0
 
### CSS Template für InternetExplorer anpassen ###
config {
xhtml_cleaning = all
doctype = xhtml_trans
htmlTag_langKey = de
xmlprologue = none
admPanel = 1
inlineStyle2TempFile = 1
removeDefaultJS = 0
 
spamProtectEmailAddresses = 2
spamProtectEmailAddresses_atSubst = (at)
}
config.locale_all = de_DE
config.language = de
 
### Template & stylesheet definieren ###
 
page.includeCSS {
   file0 = fileadmin/templates/style.css
   file0.media = screen 
   file1 = fileadmin/templates/tt_news_v3_styles.css
   file1.media = screen 
   file3 = fileadmin/templates/menu/default.advanced.css 
   file3.media = screen 
   file4 = fileadmin/templates/menu/dropdown.linear.columnar.css
   file4.media = screen 
 
}
 
plugin.tt_news.templateFile=fileadmin/templates/tt_news_v3_template.html
plugin.tt_news._LOCAL_LANG.de {
preAuthor= 
}
 
page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/templates/index.html
  workOnSubpart = TPL_FF-AMSTETTEN_MAIN
 
  marks.MENU_MAIN < etmp.MENU_MAIN
 
  marks.CONTENT_MAIN < styles.content.get
  marks.CONTENT_RIGHT < styles.content.getRight
 
  marks.CONTENT_TERMINE = CONTENT
  marks.CONTENT_TERMINE.table = tt_content
  marks.CONTENT_TERMINE.select {
         uidInList=1 
         pidInList=5 
      }
 
  marks.SPONSOREN = CONTENT
  marks.SPONSOREN.table = tt_content
  marks.SPONSOREN.select { 
         pidInList=9 
      }  
  marks.PARTNER = CONTENT
  marks.PARTNER.table = tt_content
  marks.PARTNER.select { 
         pidInList=8 
      }  
  marks.KONTAKT = CONTENT
  marks.KONTAKT.table = tt_content
  marks.KONTAKT.select { 
         pidInList=10 
      }


Das Extension Template etmp.MAIN_MENU so:

Setup:
TYPOSCRIPT
etmp.MENU_MAIN = COA
etmp.MENU_MAIN.10  < plugin.freeCssDropDownMenu.horizontal
etmp.MENU_MAIN.10.1.wrap = <ul class="dropdown dropdown-linear dropdown-columnar"> | </ul>
etmp.MENU_MAIN.10.1.NO.wrapItemAndSub =  <li class="step0">|</li> |*| <li class="step1">|</li> |*| <li class="step2">|</li>
etmp.MENU_MAIN.10.1.IFSUB.wrapItemAndSub = <li class="step0">|</li> |*| <li class="step1">|</li> |*| <li class="step2">|</li>
etmp.MENU_MAIN.10.1.IFSUB.doNotLinkIt = 1
etmp.MENU_MAIN.10.2.IFSUB.wrapItemAndSub = |*| <li class="dir">|</li> |*| <li class="dir">|</li>
etmp.MENU_MAIN.10.2.IFSUB.doNotLinkIt = 1
etmp.MENU_MAIN.10.2.entryLevel = 1
etmp.MENU_MAIN.10.2.expAll = 1
etmp.MENU_MAIN.10.3.IFSUB.wrapItemAndSub = |*| <li class="dir">|</li> |*| <li class="dir">|</li>
etmp.MENU_MAIN.10.3.NO.wrapItemAndSub = |*| <li> | </li> |*| <li> | </li>
etmp.MENU_MAIN.10.4 >
etmp.MENU_MAIN.10.5 >


Das Menü wird nun grundsätzlich angezeigt, jedoch nicht als mehrspaltige Form, sondern als zerhacktes Dropdown. Zu sehen unter http://neu.ff-amstetten.at

Bitte helft mir den Fehler zu finden, ich verzweifel langsam. Danke!
ProfilICQ
Verfasst am: 02. 01. 2012 [09:44]
Julian.Hofmann
Dabei seit: 18.05.2007
Beiträge: 1867
 Hallo.

Sieht inzwischen gelöst aus, oder (Bitte ggf. als "gelöst" markieren)?
Falls etwas doch noch nicht passt, dann bitte genauer erklären, wo es noch hängt, wo etwas zerhackt ist.

Viele Grüße
Julian
Profil
Verfasst am: 03. 01. 2012 [17:58]
Flocky
Themenersteller
Dabei seit: 19.02.2003
Beiträge: 17
 Sorry, war jetzt einige Tage nicht online.
Ist tatsächlich gelöst, für alle jene, die beim Einbinden ebenfalls verzweifeln: es hängt von der Reihenfolge der CSS Einbindung ab, wie schon in anderen Einträgen beschrieben, hatte allerdings was doppelt nach der Ausgliederung in ein ext Template und das permanent übersehen.

LG Flo
ProfilICQ