Alle Artikel in: TYPO3

Canonical Tag mit Typoscript erstellen

Veröffentlicht von Felix

Hier findest du ein Typoscript Beispiel, mit dem es möglich ist einen Canonical Tag in deine TYPO3 Seite zu integrieren.

Lightview oder Lightbox für tt_news einrichten – TYPO3

Veröffentlicht von Felix

Es ist schon einige Zeit her, dass ich etwas gepostet habe. Dies soll sich nun wieder ändern. Ich habe mir das Ziel gesetzt, wirklich mehr zu bloggen. Wirklich. 😉

Papierkorb Icon für das Löschen von Inhaltselementen im TYPO3-Backend aktivieren

Veröffentlicht von Felix

Templavoila ist eine der verbreitetsten TYPO3 Extensions, für die Umsetzung von hochwertigen Templates.

TYPO3 – Farbverlauf in einer Überschrift oder Menü mit Typoscript erstellen

Veröffentlicht von Felix

Ich möchte dir heute ein Script zeigen, bei dem der Schriftzug einen Farbverlauf besitzt. Dies soll natürlich dynamisch sein, damit sogar Redakteure den Schriftzug anpassen können. Solch ein Effekt kann deinen Internetauftritt sicherlich aufwerten. Ich habe dieses Script mit GraphicsMagick (1.2.5) getestet. Es könnte sein, dass dieser Effekt unter ImageMagick nicht funktioniert. Du legst im Backend für dieses Beispiel am besten eine kleine Seitenstruktur an, etwa so: Zusätzlich benötigst du einen Verlauf von einer beliebigen Farbe hin zu transparent. Wichtig zu beachten ist, dass die Grafik eine bestimmte Länge hat, damit sie nicht bei längeren Wörtern aufhört. Das Ergebnis könnte etwa so aussehen: Hier siehst du das benutzte Typoscript.

temp.navmain = HMENU
temp.navmain {
1 = GMENU
1 {
wrap = |
NO = 1
NO {

5 = TEXT
5 {
text.field = title
fontSize = 100
fontFile = fileadmin/font/font.otf
offset = 0,-80
}

#BG
wrap = <div>|</div>

format = png
quality = 100
XY = [5.w]+15,[5.h]+10
transparentBackground = 1
backColor = #FFFFFF

#get gfx to mask
20 = IMAGE
20.file = fileadmin/verlauf01.png
20.offset = 0,0

#generate mask
20.mask = GIFBUILDER
20.mask {
format = png
XY = 300,100
backColor = #000000

10 = TEXT
10 {
text.field = title
fontSize = 100
fontFile = fileadmin/font/font.otf
fontColor = #FFFFFF
niceText = 1
antiAlias = 1
niceText.sharpen = 1
offset = 0,80

}
}
}
}
}

lib.menu < temp.navmain

temp.navmain = HMENU

temp.navmain {

1 = GMENU

1 {

wrap = |

NO = 1

NO {

5 = TEXT

5 {

text.field = title

fontSize = 100

fontFile = fileadmin/font/font.otf

offset = 0,-80

}

#BG

wrap = <div>|</div>

format = png

quality = 100

XY = [5.w]+15,[5.h]+10

transparentBackground = 1

backColor = #FFFFFF

#get gfx to mask

20 = IMAGE

20.file = fileadmin/verlauf01.png

20.offset = 0,0

#generate mask

20.mask = GIFBUILDER

20.mask {

format = png

XY = 300,100

backColor = #000000

10 = TEXT

10 {

text.field = title

fontSize = 100

fontFile = fileadmin/font/font.otf

fontColor = #FFFFFF

niceText = 1

antiAlias = 1

niceText.sharpen = 1

offset = 0,80

}

lib.menu < temp.navmain

Super TYPO3 Optionsplit Tutorial gefunden!

Veröffentlicht von Felix

Ich habe eine super Optionsplit Übersicht gefunden, diese möchte ich dir natürlich nicht vorenthalten. In diesem Tutorial werden sehr anschaulich und ausführlich die Möglichkeiten gezeigt, die einem der Befehl Optionsplit bietet. Was ist dieses Optionsplit eigentlich? Mit Optionsplit kannst du für viele Bereiche gebrauchen. Es dient einzelnen Bereichen verschiedene Werte zuzuweisen. Ein Beispiel, bei dem dieser Befehl oft benutzt wird, wäre zum Beispiel ein Menü. Hier geht es zum Optionsplit Tutorial

Schwarz/Weiß Bild mit Typoscript rendern

Veröffentlicht von Felix

Hier zeige ich dir ein kleines Beispiel, wie du mit Typoscript und installierter Grafikbibliothek Bilder in Schwarz/Weiß rendern kannst. Dieses Skript lässt sich natürlich auch erweitern, so dass man zum Beispiel einen netten Effekt erstellt, bei dem sich das Bild farblich verändert, sobald man mit der Maus darüber fährt. Bei diesem Skript wird das Bild aus dem Mediafeld ausgelesen, dann auf 180 x 180 gecroppt und in schwarz/weiß ausgeliefert.

40 = IMAGE
40.file {
height = 180c
width = 180c
params = -colorspace GRAY
import = uploads/media/
import.field = media
import.listNum = 0
}

40 = IMAGE

40.file {

height = 180c

width = 180c

params = -colorspace GRAY

import = uploads/media/

import.field = media

import.listNum = 0

}

eigenes tt_content Sitemap Element mit Typoscript weitern

Eigene TYPO3 tt_content Sitemaps erstellen – Contentelement erweitern

Veröffentlicht von Felix

In diesem Tutorial zeige ich Dir, wie du das Contentelement Sitemap vom Bereich tt_content erweitern kannst. Als ein praktisches Beispiel, könnte man eine schöne Übersichtsseite anführen, welche die gesamten Unterseiten der gerade ausgewählten Seite darstellt. Ich möchte also eine Verlinkung zu dem entsprechenden Bereich erstellen, welche sowohl automatisch funktionieren, als auch durch optische Quadrate visualisiert werden soll. Als erstes erstellen wir in der Seiten-TSconfig einen neuen Menüpunkt für die Sitemaps, damit wir später in der Auswahlbox unsere Sitemap erkennen. (Seite bearbeiten -> Reiter Ressourcen -> Abschnitt Seiten-TSconfig) Hierbei ist wichtig die Nummer des addItems zu kennen, da später über diese Nummer das Typoscript angesprochen wird. (Achtung es existieren schon vordefinierte Bereiche (Nummern), diese könnten überschrieben werden)

TCEFORM.tt_content.menu_type.addItems.15 = Meine Sitemap

1	TCEFORM.tt_content.menu_type.addItems.15 = Meine Sitemap

Wenn wir dies eingefügt haben, kommt das Haupttyposcript in das Root Typoscript Template. Wir erstellen ein TMENU, bei dem der Startpunkt auf die Auswahlbox des Sitemap-Contentelements im Backend zugreift, sodass der Startpunkt variabel ist und für jede Seite frei definiert werden kann. Das Menü holt sich die benötigen Bilddaten aus dem Mediafeld der entsprechenden Zielseiten. Dazu wird dem …