impressum
Oliver Weiß - Typo3 Programmierung Consulting

Internet für alle

Typo3 Extensions

TypoScript Programmierung 

Typo3 Consulting

Oliver Weiß
Rigaer Straße 15
10247 Berlin
030-41 725 718

Valid XHTML 1.0 Transitional Valid CSS!
© 2006-2011 Oliver Weiß

Grafisches Menü

Problem: Verwenden von Grafiken als Menü-Elemente.

Lösung: Man baut ein normales GMENU und verwendet darin die Variable altImgResource:
Im SETUP unseres Templates integrieren wir ein GMENU:

customImageMenu = HMENU
customImageMenu.1 = GMENU
customImageMenu.1.NO {
  altImgResource.import = uploads/media/
  altImgResource.import.field = media
  altImgResource.import.listNum = 0}

Mit der Eigenschaft altImgResource lässt sich ein alternatives Bild abrufen. Zuerst geben wir das Verzeichnis zum Import des Bildes an, dann das Feld der Tabelle und dann die Listennummer. 0 entspricht dabei dem ersten auffindbaren Bild.

customImageMenu.1.RO < customImageMenu.1.NO
customImageMenu.1.RO = 1
customImageMenu.1.RO.altImgResource.import.listNum = 1

Nun kann man noch ein Rollover-Bild angeben, das ist dann das zweite auffindbare.

Die Seiten, die im Menü erscheinen sollen, müssen als Seitentyp Erweitert gesetzt werden. Im Feld Dateien können wir dann unsere beiden Bilder hochladen. Diese werden dann im Menü statt des Textes angezeigt, als alt-Text erscheint automatisch der Seitentitel.

<P style="margin:0 0 0;">-entfernen

Problem: Typo3 umschließt jeden Textabsatz mit dem Tag <p style="margin:0 0 0;">|</p>. Dieser Tag soll entfernt werden.

Lösung: Eine Möglichkeit wäre, CSSstyledContent zu installieren und einzubinden. Damit ist das Problem gelöst. Will man das nicht, muss man folgendes im Setup-Feld eintragen:

tt_content.text.20.parseFunc {
  nonTypoTagStdWrap.encapsLines.nonWrappedTag >
  nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines =|
}

Und damit kann man das style-Attribut auch überschreiben:

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes {
  P.style=
  PRE.style=
}

Bild abhängig von Position im Seitenbaum wechseln

Problem: Abhängig von der Position der Seite im Seitenbaum möchte man unterschiedliche Bilder anzeigen lassen.

Lösung: Die Seite, unterhalb derer sich alle fraglichen Seiten befinden, muss zum Seitentyp "Erweitert" verändert werden. Dann kann man unter "Daten" ein Bild hochladen.

Dieses Bild wird mit folgendem Setup-Code ausgelesen:

temp.image = RECORDS
temp.image {
  tables = pages
  source.data = leveluid : 1
  conf.pages = IMAGE
  conf.pages.file.import.field = media
  conf.pages.file.import = uploads/media/
  conf.pages.file.width = 1000
  conf.pages.file.height = 132
}

Eine zweite Möglichkeit bietet sich an, wenn man ein Standardbild festlegen will, das also immer dann erscheint, wenn im Seitenbaum kein Bild gefunden wird.

temp.image = IMAGE
temp.image {
    file {
        import.cObject = TEXT
        import.cObject.value = fileadmin/files_europatermine/images/Head_start.jpg
        import.cObject.override {
            required = 1
            data = levelmedia:1
            listNum = 0
            wrap = uploads/media/ |
        }
    }
}

Save as PDF