10.01.2011

TYPO3 Sprite Icons verwenden

Die meisten Icons im TYPO3 Backend werden seit TYPO3 4.4 mit sogenannten Sprites gerendert.
Die TYPO3 Extension spriteiconoverview zeigt alle Icons an und enthält auch gleich noch die Snippets zur Verwendung in eigenen Extensions.

Sprite mit TYPO3 Backend-Icons

Sprite mit TYPO3 Backend-Icons

Backendmodul ExtDevEval mit der integrierten Extension spriteiconoverview: Übersicht der im Sprite enthaltenen Icons

Backendmodul ExtDevEval mit der integrierten Extension spriteiconoverview: Übersicht der im Sprite enthaltenen Icons

Snippet zum Arbeiten mit Sprite-Icons

Snippet zum Arbeiten mit Sprite-Icons

Übersicht einzelner Icons

Übersicht einzelner Icons

Übersicht Overlays

Übersicht Overlays

Die meisten Icons im TYPO3 Backend werden seit TYPO3 4.4 mit sogenannten Sprites gerendert.

Anstelle der einzelnen Bilddateien wird nur ein Sprite-Bild vom Server angefordert, das alle Icons dicht an dicht angeordnet enthält.

Die bisherigen <img>Tags sind nun <span> Tags, die das Sprite-Bild als Hintergrundbild-Bild mit unterschiedlichen Offset-Werten enthalten.

Die TYPO3 Extension spriteiconoverview von Tolleiv Nietsch erweitert die bewährte Extension extdeveval um die Anzeige der im Sprite verwendeten Icons.

Gleichzeitig zeigt sie auch die Codesnippets für die Verwendung in eigenen extensions an.

Sie können nicht nur die vorhandenen Icons verwenden, sondern auch eigene hinzufügen und sogar eigene Sprites erstellen. Davon handelt der Blogbeitrag von Tolleiv Nietsch.

 


Kategorie: TYPO3, Extensions, Extensionentwicklung, Dokumentation, Entwickler