30.10.2011
Eine der Änderungen an meiner Webseite ist das neue Navigations-Menü, vorher hatte ich eines der normalen Tyop3-eigenen Menüs verwendet. Bei der Suche nach optisch netten, und brauchbaren Drop-Down-Menüs bin ich auf das
Chrome CSS Drop Down Menu gestossen. An HTML-Code benötigt das die Hauptmenüpunkte als UL-Liste in einem DIV, sowie jedes Submenü als Reihe von Links in jeweils einem weiteren DIV.
Ich bin nicht sonderlich der Held was TypoScript betrifft, deswegen habe ich es (bisher) auch nur halbautomatisch integrieren können. Neue Submenüs müssen derzeit noch manuell eingefügt werden.
Das Menü benötigt zwei Marker:
- ###MENU_MAIN### für das Hauptmenü
- ###MENU_SUBS### für die Untermenüs
Das Menü benötigt dann noch zwei Dateien, das Stylesheet und das JavaScript, die ich beide per TypoScript im Root-Template einfüge:
includeCSS {
file1 = <Pfad>/chromestyle.css
file1.media = all
}
includeJS {
file1 = <Pfad>/templates/chrome.js
}
Dann gibt es noch ein TypoScript um den Code für die Hauptmenü-Leiste zu erzeugen. Menüeinträge die über ein Submenü verfügen bekommen automatisch im Link einen entsprechenden Eintrag damit das JavaScript entsprechend ein SubMenü einhängt.
MENU_MAIN = HMENU
MENU_MAIN {
special = directory
special.value = 7
1 = TMENU
1.wrap = <div id="chromemenu"><ul>|</ul></div>
1.NO.wrapItemAndSub = <li>|</li>
1.IFSUB = 1
1.IFSUB.doNotLinkIt = 1
1.IFSUB {
before.cObject = COA
before.cObject {
1 = TEXT
1.field = uid
1.dataWrap = <li><a href="index.php?id=|"
2 = TEXT
2.field = uid
2.dataWrap = rel="dropmenu|">
}
after.cObject = TEXT
after.cObject.wrap = </a></li>
}
}
Für jeden Hauptmenüpunkt mit Unterpunkten muss dann noch das dazugehörige Untermenü erstellt werden. Wie das alles automatisch mit TS funktioniert habe ich leider noch nicht rausbekommen, bisher muss für jedes einzelne Untermenü ein TypoScript eingebaut werden:
MENU_SUBS = COA
MENU_SUBS {
10 = HMENU
10 {
special = directory
special.value = <PID>
1 = TMENU
1.wrap = <div id="dropmenu<PID>">|</div>
1.NO = 1
1.NO.linkWrap = |
}
20 = HMENU
20 {
[nächstes Untermenü]
}
Für jedes Untermenü ist so ein Codeblock wie bei 10 dargestellt nötig. Was man jedesmal per Hand anpassen muss ist die PID, das ist die PageID des dazugehörigen Hauptmenüpunkts.
Das Ganze funktioniert recht gut, bisher hat die Sache leider nur zwei Probleme: Zum einen muss eben jedes neue Untermenü per Hand hinzugefügt werden, zum anderen ist im Hauptmenü der Link auf eine Seite mit Untermenü ein ID-Link und nicht mit einer sprechenden URL dargestellt. Aber vielleicht bekomme ich das auch noch hin...
Kategorie:
28.08.2010
Mein hier eingesetztes
YAML bietet scheinbar die Möglichkeit das externe Links besonders hervorgehoben werden. Zumindest gibt es für die Klassen external-link und external-link-new-window entsprechende Icons. Nur entweder ist das nicht aktiviert, oder aber ich habe irgendwo was zerschossen...
Wie auch immer, damit es dennoch funktioniert habe ich in mein Custom-Stylesheet folgende beiden Zeilen eingefügt:
a.external-link-new-window { background: transparent url(/fileadmin/styles/02_layouts_2col/img/icons/external_link_new_window.gif) no-repeat right center; padding:0 14px 0 0; }
a.external-link { background: transparent url(/fileadmin/styles/02_layouts_2col/img/icons/external_link.gif) no-repeat right center; padding:0 14px 0 0; }
Damit wird hinter den Text automatisch ein entsprechendes Icon angefügt. Interne Links bleiben unverändert.
Kategorie:
11.07.2009
Im Zuge der ganzen Umbauten an der Homepage läuft jetzt (hoffentlich) auch
ScribeFire mit Typo3.
Im Prinzip ist das sogar recht einfach, man muss nur die Metablog-API und die Blogger-API aktivieren (plugin.tx_timtab_pi2.enableMetaWeblog und plugin.tx_timtab_pi2.enableBlogger), die PID für den Ordner mit den Posts setzen (plugin.tx_timtab_pi2.pidStorePosts) und dann kann es losgehen.
ScribeFire konnte bei mir zwar nicht die Einstellungen automatisch erkennen, aber die manuelle Konfiguration ist einfach. Man stellt die API auf MetaWeblog und die nötige URL lautet <Seitenadresse>/index.php?type=200. Der Rest ist selbsterklärend denke ich.
Kategorie:
