Lehrlings Blog

30. April 2010 in TYPO3 von Leo

Wer seine mit TYPO3 erstelle Webseite in mehreren Sprachen hat, der möchte zum Beispiel auch sein Logo in verschiedenen Sprachen haben. Kürzlich musste ich dies für einen Kunden einrichten, dass wenn man die Sprache auf englisch stellt, auf der ganzen Webseite ein englischsprachiges Logo angezeigt wird.

Das ganze ist eigentlich nicht so kompliziert wie es sich anhört. Mit folgendem Code wird ganz simpel ein englisches Bild sowie ein spezielles CSS File eingebunden, jedoch nur wenn die Webseite auf die gewünschte Sprache eingestellt wurde.

# English
[globalVar = GP:L = 3]
page.includeCSS.file1337 = fileadmin/styles/english.css
lib.logo.value = <a href="LINK ZUR WEBSEITE"><img src="(PFAD ZUM BILD)/logo_en.gif" alt="Logo" title="Logo" /></a>

[global]

Das “lib.logo.value” muss natürlich genau wie die Pfade und Links noch angepasst werden. Das ‘logo’ in lib.logo.value ist hierbei das div-Element in welchem das Bild platziert ist. Wichtig: Dieser Code ersetzt kein im CSS definiertes background-image, dies könnte man jedoch mit dem zusätzlichen CSS File machen, einfach ‘!important’ verwenden.

Die Zahl 3 in “[globalVar = GP:L = 3]” steht für die Sprache, die 3 ist hierbei englisch.

5. März 2010 in Tutorials, TYPO3 von Leo

In einem aktuellen Projekt an welche ich gerade arbeite, musste ich je nach dem wo man gerade ist in der Navigation, verschiedene CSS Files einbinden. Das heisst, je nach treeLevel (so nennt man dies in TYPO3), wird ein anderes CSS File eingelesen, falls dies erwünscht ist.

Zu erst einmal, wie wird der treeLevel bestimmt?
Dies ist ganz einfach, man geht von der Hauptseite (root) aus, welcher 0 ist. Danach geht es mit 1, 2, 3 [...] weiter, je nach Untermenü.

4. Januar 2010 in TYPO3 von Leo

Nach meiner kleinen, aller ersten “Extension”  (Klick), habe ich vor kurzem nun eine richtige Extension erstellt. Und zwar habe ich in einem kürzlichen Projekt mit meinem Lehrmeister und teilweise der Hilfe von anderen eine erste “wirkliche” Extension erstellt. Die Extension nennt sich Testimonials und kann hier aufgefunden werden (siehe rechte Seite).
Die Extension zeigt zufällig eine der im backend ausgewählten Personen aus und zeigt sie an. Dabei wird der Name, Titel, sowie das Bild etc. aus der Personen Datenbank genommen.
Geschrieben ist die Extension extra für dieses Projekt und befindet sich bisher nur dort im Einsatz.

Angefangen haben wir wieder mit Kickstarter, um die einfachen Felder für die Eingabe im Backend zu erstellen. Danach mussten wir jedoch noch einiges mit PHP, HTML, sowie CSS anpassen, damit die Extension schlussendlich so aussah, wie es sich der Kunde gewünscht hat.
Die Extension ist in 2 Sprachen verfügbar, deutsch und englisch. Hierbei wird einfach jeweils die englische Übersetzung des Feldes aus einem XML File genommen, in welchem dies alles abgespeichert ist.

Nach dem Break erfahrt ihr noch alles im Detail.

10. Oktober 2009 in CSS von Leo

Auf dem Lehrlings Blog will ich euch natürlich auch Sachen zeigen und vor allem Erklären, die ich selbst erst gerade, oder auch schon seit längerem gelernt habe. Dazu gehört zum Beispiel gerade CSS. Bei der Arbeit als Web Developer verwendet man CSS sehr häufig, da CSS entscheidet, wie die Sachen schlussendlich aussehen. Damit ist Farbe, grösse, Schriftart etc. gemeint. Hier nun also der erste Teil zu “CSS für Anfänger”, in welchem ich euch CSS etwas Näherbringe und natürlich hoffe das ihr es auch Versteht. Falls es Fragen gibt, könnt ihr mir diese gerne in den Kommentaren stellen.