Entwickler-Blog der cab services ag.

Willkommen auf unserem Entwickler-Blog!

In diesem Blog geht es darum, Know-how rund um TYPO3 und Websites in der Community zu teilen.

Wir schreiben über Tipps und Tricks zur TYPO3-Konfigurationssprache TypoScript, HTML/CSS, JavaScript-Anwendungen, SEO-Optimierungsmöglichkeiten, etc.

 

Viel Spass!


Freitag 17. Juni 2016 erstellt von Megafry

Kein Header für dich

Wenn man für ein spezifisches tt_content Element keinen Header (stdheader) möchte, kann man das mit folgendem TS einfach erreichen:

tt_content.gridelements_pi1.10 >

In diesem Beispiel entfernen wir den Header von allen Gridelementen.

 

Wenn man diese Definition aber nur für spezifische Gridelemente nutzen möchte, kann man über eine if-Abfrage das Layout-Feld prüfen.

tt_content.gridelements_pi1.10.if {
  isInList.field = tx_gridelements_backend_layout
  value = 11,10
  negate = 1
 }

Zum...

mehr

Freitag 3. Juni 2016 erstellt von Megafry

Responsive Trick #1 (iframe-Video)

Im heutigen Beitrag will ich ein nützliches kleines jQuery-Script mit euch teilen.

Es ist wohl eines der bekanntesten Probleme, die man haben kann: Der „Einbettungs Code“, den man eigentlich nur kopieren müsste und auf der Ziel-Seite einfügen kann. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/yiJjpKzCVE4" frameborder="0" allowfullscreen></iframe>

Doch in dem Code hat das iframe bereits eine Größen in Pixel angegeben, wenn man jetzt mit CSS die Breite auf 100% setzt...

mehr

Freitag 27. Mai 2016 erstellt von Megafry

Body Klassen mit TS setzen.

Im heutigen Beitrag will ich euch zeigen, wie man mit TypoScript dem HTML-Body zusätzliche Klassen geben kann.

Die Anforderungen:

  • uid der Seite als id
  • pid, root uid und Sprach uid als Klasse
  • Eine zusätzliche Klasse für Seiten, die kein Inhalt in der Linken- / Rechten-Spalte haben. 

Das Vorgehen

In der Tsref kann man 2 Eigenschaften finden, welche man nutzen könnte:
bodyTagAdd und bodyTagCObject.
Die bodyTagAdd-Eigenschaft ist sehr limitiert, denn man kann ihr nur einen String zuweisen. Deshalb...

mehr

Freitag 27. Mai 2016 erstellt von Megafry

Abstand zwischen Text und Bild.

Da die meisten Templates heutzutage mit Bootstrap umgesetzt werden liegt es nahe, dass man auch den Abstand zwischen Text und Bild vom TYPO3-Standard 10px auf Bootstrap-Standard 30px erhöhen möchte.

Der Abstand von 10px wird in css_styled_content definiert und kann mit folgender Konstanten-Definition im Typoscript überschrieben werden:

styles.content.imgtext.colSpace = 30
styles.content.imgtext.rowSpace = 30
styles.content.imgtext.textMargin = 30

Alternativ könnte man die neuen Werte auch im...

mehr

Mittwoch 4. Mai 2016 erstellt von Megafry

Marty, we have to go back!

Im heutigen Beitrag will ich euch ein kleines TypoScript Code-Snippet teilen womit man  auf die übergeordnete Seite verweisen kann.

Das Ganze ist mit einem Menu gelöst, welches als Parameter die ID der übergeordnete Seite bekommt, die ID wird mit Hilfe des leveluid : -2 Parameter automatisch errechnet.

lib.backLink = HMENU
lib.backLink {
  stdWrap {
    wrap = <nav id="backlink">|</nav>
    typolink {
      parameter.data = leveluid : -2
      ATagParams = class="btn btn-default icon"
    }
  }
}


[treeL...

mehr

Donnerstag 28. April 2016 erstellt von Megafry

Das Content-Object und sein renderObj Attribut.

Mit der Definition styles.content.get von „css_styled_content“ oder wenn man selber eine Select-Funktion schreibt wird standardmässig die Render-Definition von tt_content genommen.

 

[tt_content] = CASE
   [key]
    [field] = CType
  [stdWrap]
  [header] = COA
  [text] = COA # CType: text #
   [10] = < lib.stdheader
   [20] = TEXT
  [image] = COA
   [10] = < lib.stdheader
   [20] = USER
   ...

 

Wenn man aber z.B. Für die rechte Spalte oder den Header-Bereich eine andere Ausgabe haben will, kann man das...

mehr

Freitag 15. April 2016 erstellt von Megafry

Alle Wege führen nach Rom

In meinem heutigen Beitrag will ich euch verschiedene Lösungen zeigen, wie man den Copyright-Text eines Footers mit TypoScript erstellen kann.

Alle Lösungen würden an- und fürsich funktionieren, doch welche ist die Beste?

lib.copyright = TEXT
lib.copyright {
  value = <p>© 2016 meine Agentur</p>
}

Diese Lösung würde gehen, jedoch nur ein Jahr lang. Danach müsste man das Datum manuell anpassen.
Das ist aus Programmierersicht natürlich absolut nicht tragbar.

 

lib.copyright = TEXT
lib.copyright {
 ...

mehr

Freitag 8. April 2016 erstellt von Megafry

Gifbuilder und Masken

Im heutigen Beitrag will ich euch die Masken-Funktion des Gifbuilders zeigen.

Wer den Gifbuilder noch nicht kennt, sollte diesen in der TSref nachschlagen: Link.

Kurz erklärt kann man damit Bilder, Farb-Layer und auch Text zusammenfügen, um schlussendlich eine beliebige Bild-Datei zu generieren (z.b. jpg, png, gif ...).

Warum eine Maske nutzen?
Eine Maske kann genutzt werden, um dem Redakteur die Arbeit zu vereinfachen, damit er beliebige Bilder einfügen kann und diese automatisch richtig zu- und...

mehr

Freitag 1. April 2016 erstellt von Megafry

Bild-Ausgabe erweitern.

Heute will ich euch zeigen wie man die Ausgabe des Bild-Elementes mit TypoScript erweitern kann.
Die Bild-Ausgabe wird so erweitert, dass der Bild-Titel als Untertitel vor der Beschreibung angezeigt wird.


Um besser zu verstehen, wie das Ganze zusammen kommt, habe ich die Konfiguration von  tt_content.image in “css_styled_content“ überprüft, da der Objekt-Browser nur die finale Ausgabe darstellt.

typo3/sysext/css_styled_content/static/setup.txt:797


Die ganze TypoScript-Definition habe ich neu...

mehr

Donnerstag 24. März 2016 erstellt von Megafry

Jump to the next page !

Mein heutiger Beitrag behandelt den speziellen Menu-Typ "browse".

Dieser Menu-Typ enthält die Möglichkeit eine Auflistung zu erstellen mit der vorherigen, der nächsten und/oder der Inhaltsverzeichnis-Seite des aktuellen Verzeichnisses.

Hier eine Anwendungsmöglichkeit:

Wir haben eine Seiten-Struktur, welche ein paar Mitarbeiter auflistet.

  • Alle Mitarbeiter
    • Bob
    • Anna
    • Marc
    • Nadine
    • Franz
    • Peter

Durch folgendes TypoScript hat man die Möglichkeit von einer Mitarbeiter-Seite zu der Nächsten zu gehen.

lib.b...

mehr