Tags von Tag-Cloud etwas durcheinander darstellen

[sepp_a_u]

Hallo zusammen,

gibt es eine Möglichkeit die Tags aus der Tagcloud irgendwie durcheinander darstellen zu lassen? Also so, dass sie nicht als Listenelemente untereinander sind, sondern wie man es kennt einfach kreuz und quer erscheinen?

http://www.drinkinggames.de/test/ind...pong-blog.html

wäre super, wenn man das realisieren könnte, weil so sieht das doch etwas "langweilig" aus. Habe es mir so vorgestellt, dass man sie ein wenig drehen könnte um x Grad und/oder, dass sie hintereinander stehen.

viele grüße und danke

[sepp_a_u]

kann mir hier jemand weiterhelfen oder ist es unmöglich das zu realisieren?

[Vollpfosten]

Die Tag-Cloud wird normalerweise mit CSS "verschönt", hast ja verschieden Klassen zur Verfügung. Man kann aber auch zu sowas greifen http://www.goat1000.com/tagcanvas.php.

[sepp_a_u]

ich habe es ja schon mit css verschönt. nur die anordnung bekomme ich nicht hin, weil es ja listenelemente sind. wie kann ich die mit css verschieben?

[MacKP]

Hallo sepp_a_u,
schau dir dafür mal Tutorials zu einer Horizontalen Navigation an (nichts anderes ist das).
Float oder Inline kann hier z.B. benutzt werden.

Viele Grüße

[sepp_a_u]

wie haben es denn die leute von contao selbst gemacht?

http://www.contao.org/erweiterungsliste.html -> hier die suchbegriffe

das sollte ja eigentlich auch eine tagcloud sein oder? finde nur leider den richtigen css-code nicht, sonst würde ich mir das mal genau anschauen
kann mir jemand helfen?

[tblumrich]

Hi.

Ich hab das Gefühl du versuchst dich immer an neuen weiteren Erweiterungen, die du aber aufgrund fehlender CSS Kenntnisse nicht bewältigen kannst. Zumindest die Basics solltest du dir aneignen oder/und wie man mit Tools wie Firebug umgeht.

MacKP hats doch gesagt... Gib den Listenelementen ein float oder ein display:inline und schon erscheinen alle hintereinander im "Fluss"...
Die Erweiterung sorgt dafür das die verschiedenen Tags verschiedene Klasse bekommen, je nach Gewichtung...(size1, size2 usw.) und diese formatierst du dann eben unterschiedlich mit font-size:xx.

Gruß
Thomas

[sepp_a_u]

Hi.

Ich hab das Gefühl du versuchst dich immer an neuen weiteren Erweiterungen, die du aber aufgrund fehlender CSS Kenntnisse nicht bewältigen kannst. Zumindest die Basics solltest du dir aneignen oder/und wie man mit Tools wie Firebug umgeht.

MacKP hats doch gesagt... Gib den Listenelementen ein float oder ein display:inline und schon erscheinen alle hintereinander im "Fluss"...
Die Erweiterung sorgt dafür das die verschiedenen Tags verschiedene Klasse bekommen, je nach Gewichtung...(size1, size2 usw.) und diese formatierst du dann eben unterschiedlich mit font-size:xx.

Gruß
Thomas

Das ist mir schon klar. und ich würde nicht sagen, dass ich die grundkenntnisse von css nicht kann genauso wie der umgang mit firebug. jedoch will dasl modul nicht: tags_news. wenn ich dann das modul "tagcloud nachrichten" einrichte, findet er kein template. ich kann auch keines aus der dropdown-liste auswählen (da keins vorhanden). wo bekomme ich so eines her?
auch im handbuch steht, dass normalerweise ein template namens ".mod_tagcloud" dabei ist. aber ist bei mir nicht der fall. auch nach mehrmaliger deinstallation und neuinstallation nicht kann mir jemand vll das template hochladen?

[tblumrich]

Bis jetzt ging es aber immer nur um die "Verschönerung" und die Darstellung, sprich das "Durcheinander" der Tags. Siehe deinen eigenen Threadtitel.
Das du grundsätzlich Probleme mit der Erweiterung hast, hast du uns nicht erzählt.

Ich kann dir nicht sagen wo es bei dir hängt... die Erweiterung ist auch nicht ganz unkomplex.

Gruß
Thomas

[sepp_a_u]

ja ich weiss. ich dachte aber, einen neuen thread eröffnen macht keinen sinn.

das problem liegt einfach darin, dass ich kein .mod_tagcloud.tpl - template habe. hätte ich eines, könnte ich es in den ordner packen und danach sollte es hoffenltich laufen.

grüsse

[xchs]

Kann es sein, dass Du noch Contao 2.9.5 installiert hast, die aktuelle Version der Erweiterung [tags] aber erst ab der Minor Version 2.10 freigegeben ist? Demnach gibt es dort auch kein Template "mod_tagcloud.tpl", sondern richtigerweise die beiden neuen Formate "mod_tagcloud.xhtml" und "mod_tagcloud.html5"

PS: Verwechlse auch nicht CSS-Klassen-Selektoren (mit führendem Punkt) und Template-Namen: Ein Template ".mod_tagcloud.tpl" gibt es nicht und wäre wohl auf den meisten Systemen eine versteckte Datei.

[sepp_a_u]

Daran kann es durch aus liegen. Ich benutze noch die 2.9.5. Demnach kann ich das Modul nicht nutzen?

[xchs]

Doch, selbstverständlich. Du musst nur die passende und kompatible Version installieren.

[sepp_a_u]

und da stellt sich mir die frage, wie ich das mache ich installiere immer über das backenend. geht das da dann auch? oder muss ich es runterladen und manuell installieren? wenn manuell - wo finde ich die passende version?

[tblumrich]

Hi.

Auch im Backend kannst du beim Erweiterungskatalog wählen welche Version du nimmst...die Nummerierung steht da untereinander und ist leichterweise auch klickbar.

Gruß
Thomas

[sepp_a_u]

so das ding läuft jetzt. aber ich habe folgendes problem:

wenn ich den einzelnen tag-kategorien (.size_1,. size_2, etc.) jeweils eine Schriftgröße zuweise, dann sind die Tags einer Zeile nicht mehr auf einer Linie wie auf der Contao-Seite. Wisst ihr was ich meine?

[tblumrich]

Wisst ihr was ich meine?

Ich kann nur für mich sprechen... Nein.

Zeig mal.

Gruß
Thomas

[sepp_a_u]

hab es jetzt mal gemacht

http://www.drinkinggames.de/test/ind...pong-blog.html

.mod_tagcloudnews .cloud .size1 {
    font-size: 80%;
}
.mod_tagcloudnews .cloud .size2 {
    font-size: 90%;
}
.mod_tagcloudnews .cloud .size3 {
    font-size: 100%;
}
.mod_tagcloudnews .cloud .size4 {
    font-size: 115%;
}

jetzt sind die tags ja unterschiedlich gross - je nach nennung im backend der einzelnen nachrichten.
Wie man jetzt sieht, sind die tags aber nicht mehr auf einer linie. so ist z.B. "bier" etwas nach unten gerückt im Vgl. zu den anderen. Das soll aber nicht so sein, sondern wie auf der Contao-Seite (http://www.contao.org/erweiterungsliste.html) auf einer linie sein. Also trotz unterschiedlicher schriftgrößen, sollen die einzelnen tags auf einer "linie" sein.

jetzt verständlich?

[tblumrich]

Nimm mal display:inline anstatt float für die Listenpunkte.

Gruß
Thomas

[sepp_a_u]

yes - super. Scheint zu funktionieren danke

[Stranger]

Das was du erstellt hast, ist keine Tagcloud, das sind 4 Begriffe die nebeneinander stehen ;P

Hier mal ein Beispiel für eine durchgewirbelte Tagcloud:
http://www.total-reality.de/stranger/dark/kontakt/
Ganz unten...

• Ich setze sowohl float als auch inline ein, um es noch stärker durcheinanderzuwirbeln. Du kannst ja mal im Firebug das float bei den tags deaktivieren, dann siehst du dass das Ergebnis dann nicht so ideal ist.
• Ich setze je nach Schriftgröße auch eine unterschiedliche line-height ein
• Hab eben noch was witziges eingebaut... rechts sind jetzt floatende Boxen drin, die dafür sorgen, dass kein Text über dem Filmband steht.

Probleme:

• Weiß jemand ob das gut oder schlecht ist, wenn man die Tagcloud aus Überschriften-Tags verbaut? Zumindest letztes Jahr hat es noch Vorteile gebracht als ich das überprüft hab
• Es gibt zwischendurch recht große Lücken
• Die Überschriften werden bereits bei 12maligem Vorkommen in voller Größe dargestellt. Da is die Erweiterung tags zu statisch...
• Faulheit der Redakteure :P

Das Lückenproblem ließe sich nicht so zuletzt dadurch lösen, wenn man konsequent immer allen Artikeln etc. die Schlagwörter mit auf den Weg gibt -> bei größerer Variabilität gibt es weniger Lücken