Zum Inhalt springen

Free CSS Dropdownmenü - Darstellungsproblem

Erstellt am 30. Dezember 2011 · 2 Antworten · letzte Antwort am 3. Januar 2012

Tags: Templates & Layouts, HTML & CSS, Frage

Flocky ·

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:

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:

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:

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!

Julian.​Hofmann ·

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

Flocky ·

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