Ich habe gerade auf http://www.seo24.at/navigation-nur-mit-bilder/ folgendes TYPOSKRIPT gefunden:
# Navigation
lib.navlogo = HMENU
lib.navlogo.special = list
lib.navlogo.special.value = 3,4,5,6
lib.navlogo.1 = GMENU
lib.navlogo.1 {
noBlur = 1
wrap = |
NO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=0
allWrap=|
}
ACT = 1
ACT {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|
}
}Dieses TYPOSKRIPT erstellt eine Navigation aus in den Seiteneigenschaften angebenen Bildern (unter Resources). So kann man die Navigationsbuttons für jede Seite selbst gestalten, also auch unterschiedliche angeben.
Was mir auffällt: Eigentlich sollte es auch möglich sein, einen RO (also Rollover) image anzugeben. Ich würde also den code um folgendes erweitern:
RO = 1
RO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|
}Das Ganze sieht dann so aus:
# Navigation
lib.navlogo = HMENU
lib.navlogo.special = list
lib.navlogo.special.value = 3,4,5,6
lib.navlogo.1 = GMENU
lib.navlogo.1 {
noBlur = 1
wrap = |
NO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=0
allWrap=|
}
RO = 1
RO {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|
}
ACT = 1
ACT {
altImgResource.import=uploads/media/
altImgResource.import.field=media
altImgResource.import.listNum=1
allWrap=|
}
}Der ACT-Zustand wird dann also auch als Rollover-Image genutzt… ich konnte bisher noch nicht Testen, sollte aber out-of-the-box funktionieren. Freue mich über Feedback!
Es ist ganz einfach, mit Conditions in TS einer bestimmten Seite ein spezielles TS zuzuweisen. Hier ein Beispiel:
lib.text= TEXT
lib.text.value (
hier kommt der text, der auf allen Seiten ausser der Seite mit der id 24 steht.
Auf der Seite mit der id 24 steht der text der unter globalVar = TSFE:id =24 definiert wird.
)
[globalVar = TSFE:id = 24]
lib.text= TEXT
lib.text.value (
hier kommt der text, der nur auf der Seite mit der id 24 steht...
)
[global]
Ich habe gerade unter http://typo3-blog.net/ einen Artikel gelesen der beschreibt, wie man das Dropdown-Menü für die Spracheinstellungen im Backend anpassen kann. Normalerweise steht dort ja für die erste Sprache Standard oder default. Das ist leicht verwirrend. Besser wäre, wenn z.B. die Standard-Sprache Deutsch ist, das dort Deutsch steht. Folgender Code sollte das ermöglichen:
1
2
3
4
5
| mod.SHARED {
colPos_list=0
defaultLanguageFlag = de.gif
defaultLanguageLabel = Deutsch
} |
Dieser Code wird nicht ins Setup sondern in das TS-Config-Feld der Rootpage eingebaut. Ein kleiner aber feiner Snippsel!!
Hier findet Ihr den orginal Artikel:
http://typo3-blog.net/blog/22-tuerchen-bei-mehrsprachigkeit-
standartsprache-im-typo3-backend-bennen.html
Dezember 22nd, 2008 in
TypoScript |
No Comments
Es ist relativ einfach, einen Favicon in TYPO3 einzubinden. Prinzipiell gibt es 2 Möglichkeiten einen “normalen” Favicon einzubinden:
Entweder mit diesem TS:
page.shortcutIcon = fileadmin/favicon.ico
Oder per Headerpart:
page.headerData.40 = TEXT
page.headerData.40.value(
<link rel="shortcut icon" href="favicon.ico" />
)
Wenn man einen animierten Favicon bereitstellen möchte empfiehlt sich folgendes:
Man stellt beide Favicon (animiert und nicht animiert) im Filesystem bereit und bindet sie mit folgendem Headerpart ein:
page.headerData.40 = TEXT
page.headerData.40.value(
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
)
Thats it!
Für alle, die eine Navigation bauen möchten, die sich spiegel (aqua – look – apple)
Es sind quasi 2 grafische Menüs, die untereinander dargestellt werden. Das zweite Menü unterscheidet sich vom ersten grundsätzlich in zwei Dingen:
- Es ist gespiegelt.
- Es ist nicht verlinkt.
Somit entsteht ein “ich spiegel mich im Wasser” Effekt 
Hier das TypoScript für diese Navigation:
lib.footernavi = COA
lib.footernavi{
1 = HMENU
1.wrap =|
1.special = list
1.special.value = 13,14,15
1 {
1=GMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
ATagTitle.field = title
XY=[10.w]+10,32
format = jpg
5 = IMAGE
5.file = fileadmin/templates/images/footer-navi-bg.gif
10=TEXT
10 {
text.field=title
offset=1,20
fontColor=#a9afb3
fontFile=fileadmin/fonts/trebuc.ttf
fontSize=10
niceText = 1
}
}
ACT <.NO
ACT.10.fontColor = #fe840c
RO <.NO
RO.10.fontColor = #fe840c
ACTRO <.RO
}
}
2 = HMENU
2.special = list
2.special.value = 13,14,15
2 {
1=GMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
noLink = 1
ATagTitle.field = title
XY=[10.w]+10,38
format = jpg
5 = IMAGE
5.file = fileadmin/templates/images/footer-navi-mirror-bg.gif
10=TEXT
10 {
text.field=title
offset=1,22
fontColor=#a9afb3
fontFile=fileadmin/fonts/trebuc.ttf
fontSize=10
niceText = 1
}
20 = EFFECT
20.value = flip
}
ACT <.NO
ACT.10.fontColor = #fe840c
RO <.NO
RO.10.fontColor = #fe840c
ACTRO <.RO
}
}
}
November 13th, 2008 in
TypoScript |
2 Comments
I found this Language-Menu using a simple Typoskriptsnipped. I found this on http://snippets.typo3.org/snippets/ . I think it is much easier than the skript (languages.inc.php) which comes with the TYPO3 install.
temp.langMenu = HMENU
temp.langMenu.special = language
temp.langMenu.special.value = 0,1,2
temp.langMenu.special.normalWhenNoLanguage = 0
temp.langMenu.1 = GMENU
temp.langMenu.1.NO {
9 = IMAGE
9.file = fileadmin/template/img/uk_d.gif || fileadmin/template/img/de_d.gif || fileadmin/template/img/fr_d.gif
}
temp.langMenu.1.ACT < temp.langMenu.1.NO
temp.langMenu.1.ACT = 1
temp.langMenu.1.ACT.9.file = fileadmin/template/img/uk.gif || fileadmin/template/img/de.gif || fileadmin/template/img/fr.gif
Es ist ein einfacher und sehr schnell eingepflegter TS-Snippet: config.no_cache = 1. Und trotzdem habe ich Ihn jahrelang nicht benutzt. Klar, für den eigentlichen Betrieb einer Webseite sollte man ihn tunlichst nicht verwenden, aber wenn man beim erstellen/entwickeln einer Seite ist, sollte man ihn nutzen. Es erspart einem das ständige Cache-leeren. Zwar ist dieses mit meist einem Klick geschehen, aber gerad beim Entwickeln mit TS ist ein klick mal 1000 auch ne Menge
Also, so lange ihr eine Seite aufbaut, bzw. die Templates dazu erstellt, einfach ins root-Template eurer Seite folgendes in das Setupfeld kopieren :
Und ab sofort arbeitet eure TYPO3-Installation ohne die Seiten im Cache abzulegen. Seid ihr fertig mit dem Entwickeln, einfach diese Zeile auf den Wert 0 setzen oder entfernen.
Wie gesagt, ich hab es nie benutzt, weil ich zu faul war a) den Tag ins TS zu schreiben und b) ihn nachher nciht zu vergessen bevor ich in den Live-Betrieb gehe. Frei nach dem Motto: Cacheleeren geht doch schnell… nicht leeren geht aber schneller
Folgende Situation: man hat ein 3-spaltiges Html-Template und möchte gerne, dass sich der Inhalt der rechten Spalte auf die Seiten, die unter einer Seite ligen vererben. Findet TYPO3 also einen Inhalt in der Spalte, soll dieser angezeigt werden, wenn nicht, soll in einer Seite darüber geschaut werden ob Inhalt existiert. Read the rest of this entry »
Mit Hilfe von ein Paar Zeilen Typoskript ist es möglich, die Headlines als Image rendern zu lassen. Diese Images können beliebig mit dem GIFBUILDER gestaltet werden. Man braucht prinzipiell folgenden Code:
temp.headline = IMAGE
temp.headline {
#als wrap sollte ein H1 Tag verwendet werden
wrap = <h1>|</h1>
file = GIFBUILDER
file {
XY = [10.w]+5,26
transparentColor = #ffffff
backColor = #ffffff
10 = TEXT
10.text.field = header
10.text.current = 1
10.fontSize = 18
10.offset = 0,20
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #000000
10.niceText = 1
}
}
lib.stdheader.10.1 < .temp.headlineSo ist es relativ einfach die Standardheadlines zu überschreiben. Diesen Code müsst ihr einfach in das Haupttemplate eurer Seite packen (oder inkludieren) und ab sofort sollten alle Headlines (zumindest die H1) als Schrift gerendert werden.
