| 
22.07.2010
 | 
10:13

TYPO3: Cumulus Flash-Tagcloud für T3Blog

Vielleicht hat sich der eine oder andere Besucher bereits gefragt, wie ich die dynamische Tagcloud links auf dieser Seite erstellt habe. Ich habe dafür das WordPress-Plugin „WP-Cumulus” verwendet und es für T3Blog portiert.

Die Portierung war letztlich etwas frickelig, da die Flash-Datei die Daten in einer ganz bestimmten Art und Weise benötigt. Aber am Ende hat es funktioniert!

Die Integration funktioniert in folgenden Schritten:

  1. Herunterladen des Widgets und Integration in T3Blog
  2. TS anpassen
  3. CSS integrieren

Zu Punkt 1:

Das Widget stelle ich als tar-zipped Datei zu Verfügung: Widget herunterladen (52 kb).

Dieses Paket muss entzipped und das entpackte Verzeichnis ins Verzeichnis EXT:t3blog/pi1/widgets kopiert werden. Mehr muss man eigentlich nicht machen!

Zu Punkt 2:

Das T3Blog-Widget bringt etwas eigenen TS-Code mit. Der Schlüssel dazu ist plugin.tx_t3blog_pi1.flashTagCloud.  Am besten schaut man sich die Einstellungen im Objekt-Browser an. Die wichtigste Einstellung ist der Schlüssel prefixUrl, mit dem man die URL der Seite festlegt. Andere Keys ermöglichen farbliche Anpassungen usw.

Zu Punkt 3:

Abschließend kann man noch folgende CSS-Einstellungen hinzufügen, um die Breite der Cloud zu beschränken und Flash-unfähigen Browsern dennoch eine schöne Wolke bieten zu können:

Quelltext:  Alles auswählen  |  Zeilennummerierung an/aus
  1. .tag-cloud {
  2.     width: 240px;
  3. }
  4.  
  5. .tag-cloud span {
  6.     padding-right: 10px;
  7.     display: block;
  8.     float: left;
  9.     height: 24px;
  10. }
  •  
  • 0 Kommentare
  •  
Mein Kommentar
Ich möchte über jeden weiteren Kommentar benachrichtigt werden.

Zurück