3D Tag Cloud einfügen

Hallo,

weiß jemand wie man eine 3D Tag Cloud einfügen kann beim HpBk ?
So ähnlich wie beim wordpress das Cumulus, nur -wenns- geht bunter. Beispiel hier: http://useme4info.com/wp-content/uploads/2011/06/tagcloud.jpg

Sollte auf jeden Fall nicht "starr" sein, so wie in meinem Versuch hier: http://tiger-1980-ostrach.de.tl/Test4.htm sondern beweglich...

Ein Bewegliches habe ich auch hier gefunden (weiteres Beispiel): http://www.nachdurst05.de/modules/tag/view.tag.php?30 (auf der HP ganz unten rechts, bischen klein allerdings).

Ich danke schonmal im Voraus für Antworten...

Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Hallo,

da gibt es sehr viele Möglichkeiten das umzusetzen. Zum animieren brauchst du aufjedenfall eine Programmiersprache. Das Beispiel ist Flash und wurde vermutlich in Actionscript geschrieben. Es funktioniert aber auch mit javascript.

Bevor ich jetzt anfange zu erklären, ist die entscheidende Frage, welche Sprachen du kannst und in welcher du es machen möchtest.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Hallo o-4-n,

Ich kann deutsch und englisch (jedoch nur ein Bischen Schulenglisch, Hälfte wieder verlernt). SPASS. Programmiersprachen kann ich nicht, sonst wäre es bestimmt ein Leichtes, sowas zu machen bzw. zu erstellen.

Was ich kann, ist Quelltext an einer bestimmten Stelle einsetzen, und Textteile durch andere Textteile ersetzen. Und das kann ich aber auch nur dann, wenn ich genau weiß, wie und vor allem wo ich dies tun muss.

Ich bin ein Laie und ein Neuling auf diesem Gebiet, das ist mit ein Grund, warum ich google, ins Forum gehe, die Sufu nütze und ggf. weitere Fragen stelle, an Leute die hier schon länger aktiv sind, und die Profi- oder Semi-Profis sind um meine Wissenslücken zu schließen.

Interessant wäre ein Javascript oder ein Flash (völlig egal was, hauptsache es funktioniert). Ich muss nur eines können: Die anklickbaren Felder mit einer Webseite meiner Wahl auf meiner HP zu verlinken, die Farbe des Testes zu definieren.

Optional wäre auch dass ich die Unterseiten von 'Leer' auch verlinken könnte. Für meine Zwecke wäre vielleicht ein "3D Tag Cloud Generator" eine feine Sache. Habe dieses auch schon gegoogelt, und auch schon was gefunden, übersteigt allerdings meinen Horizont von Homepagewissen...

Daher die Suche und die Nachfrage im Forum. Vielleicht kennt jemand einen intuitiv zu bedienenden Cloud-Generator?

Liebe Grüße vom
Tiger

edit: Auf
http://blog.schoenwandt.info/?page_id=170 (unten rechts auf der Seite eine flash-animierte Tag-Cloud)
habe ich gelesen, daß die Dateien "tagcloud.swf" und "swfobject.js" in das "Seitenverzeichnis" geladen werden sollen.
Wie mache ich dieses?
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Ganz so leicht wäre das nicht. Animationen sind mit das schwerste und vorallem aufwändigste.

Auf das Seitenverzeichnis hast du so direkt keinen Zugriff. Eventuell kann man es anderst einbinden, müsste ich mir erst genauer anschauen.

Wenn es weiter nichts ist. Ich habe dir schnell etwas runtergeschrieben:
http://tttttest.de.tl/testtest.htm
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Hallo o-4-n,

das auf Deiner Testseite (http://tttttest.de.tl/testtest.htm) geht soweit schon in die richtige Richtung, nur... ich stelle mir vor:

* Hintergrund der Tag Cloud nicht schwarz, sondern in Farbe transparent
* Nicht nur ein Wort in der Wolke sondern mehrere
* die farblich verschieden sein könnten (kein Muss)
* jedoch verlinkt sind mit der Unterseite, die über die Cloud angeklickt werden kann.
* Gut wäre wenn der Generator nicht nur Tags verwenden würde, sondern wenn ich selbst die Worte festlegen kann (Schriftgröße, Farbe, Verlinkung)
* Die ganze Sache 3D animiert sich um die eigene Achse dreht
* die Worte nicht durch Zufallsgenerator durch den Raum wandern, sondern eine Art "Rotation" stattfindet.

Einige (auch gute) Cloud-Generatoren für "starre" Cloud habe ich schon einige gefunden, zum Beispiel hier:
http://www.wordle.net/
http://www.tagcloud-generator.com/
http://www.tag-cloud-generator.com/

Jedoch alle nicht animiert. Hier ist wordpress mit seinem Cumulus von Roy Tanck (www.roytanck.com) wohl führend. Auf http://www.tag-cloud.de/ fand ich einen Generator, der vielversprechend aussieht, und auch einen (für mich entscheidend!) sogar einen html-Quellcode auswirft. Schau Dir die Seite http://www.tag-cloud.de bitte einmal an, das kommt meiner Wunschvorstellung nämlich sehr sehr nahe! Um nicht zu sagen: Das wärs!
Quelltext siehe hier:

<a href="http://jahr" onmouseover="this.style.color='#456bf0'" onmouseout="this.style.color='#56f46e'" style="color:#56f46e;font-size:11px;text-decoration:none" title="Count: 3">jahr</a> <a href="http://team" onmouseover="this.style.color='#6c8960'" onmouseout="this.style.color='#4374c4'" style="color:#4374c4;font-size:11px;text-decoration:none" title="Count: 3">team</a> <a href="http://heute" onmouseover="this.style.color='#84a92f'" onmouseout="this.style.color='#3df87d'" style="color:#3df87d;font-size:11px;text-decoration:none" title="Count: 3">heute</a> <a href="http://mannschaft" onmouseover="this.style.color='#4bea32'" onmouseout="this.style.color='#ea039c'" style="color:#ea039c;font-size:11px;text-decoration:none" title="Count: 3">mannschaft</a> <a href="http://tiger" onmouseover="this.style.color='#96d4d6'" onmouseout="this.style.color='#c68b9c'" style="color:#c68b9c;font-size:25px;text-decoration:none" title="Count: 8">tiger</a> <a href="http://ostrach" onmouseover="this.style.color='#84ab32'" onmouseout="this.style.color='#2a8839'" style="color:#2a8839;font-size:18px;text-decoration:none" title="Count: 5">ostrach</a> <a href="http://bundesliga" onmouseover="this.style.color='#6b94c7'" onmouseout="this.style.color='#418c61'" style="color:#418c61;font-size:15px;text-decoration:none" title="Count: 4">bundesliga</a> <a href="http://manager" onmouseover="this.style.color='#773aa7'" onmouseout="this.style.color='#378274'" style="color:#378274;font-size:21px;text-decoration:none" title="Count: 6">manager</a> <a href="http://obm" onmouseover="this.style.color='#bb435a'" onmouseout="this.style.color='#d26a8c'" style="color:#d26a8c;font-size:11px;text-decoration:none" title="Count: 3">obm</a> <a href="http://geht" onmouseover="this.style.color='#b236c2'" onmouseout="this.style.color='#26db45'" style="color:#26db45;font-size:11px;text-decoration:none" title="Count: 3">geht</a> <a href="http://kann" onmouseover="this.style.color='#ca44be'" onmouseout="this.style.color='#39391d'" style="color:#39391d;font-size:11px;text-decoration:none" title="Count: 3">kann</a> <a href="http://wurde" onmouseover="this.style.color='#efc744'" onmouseout="this.style.color='#cc874b'" style="color:#cc874b;font-size:11px;text-decoration:none" title="Count: 3">wurde</a> <a href="http://staffel" onmouseover="this.style.color='#cb9a55'" onmouseout="this.style.color='#c9cbb8'" style="color:#c9cbb8;font-size:18px;text-decoration:none" title="Count: 5">staffel</a> <a href="http://seite" onmouseover="this.style.color='#f8699d'" onmouseout="this.style.color='#4f72e1'" style="color:#4f72e1;font-size:11px;text-decoration:none" title="Count: 3">seite</a> <a href="http://fakten" onmouseover="this.style.color='#61417d'" onmouseout="this.style.color='#8946ca'" style="color:#8946ca;font-size:11px;text-decoration:none" title="Count: 3">fakten</a> <a href="http://einzige" onmouseover="this.style.color='#fb14da'" onmouseout="this.style.color='#a6ad6e'" style="color:#a6ad6e;font-size:11px;text-decoration:none" title="Count: 3">einzige</a> <a href="http://menschen" onmouseover="this.style.color='#e03b38'" onmouseout="this.style.color='#679e3a'" style="color:#679e3a;font-size:15px;text-decoration:none" title="Count: 4">menschen</a> <a href="http://prozent" onmouseover="this.style.color='#ea2232'" onmouseout="this.style.color='#64e467'" style="color:#64e467;font-size:35px;text-decoration:none" title="Count: 16">prozent</a> <a href="http://durchschnittliche" onmouseover="this.style.color='#a596b8'" onmouseout="this.style.color='#360c64'" style="color:#360c64;font-size:11px;text-decoration:none" title="Count: 3">durchschnittliche</a> <a href="http://männer" onmouseover="this.style.color='#4ee803'" onmouseout="this.style.color='#3c6b8e'" style="color:#3c6b8e;font-size:18px;text-decoration:none" title="Count: 5">männer</a> <a href="http://frauen" onmouseover="this.style.color='#fc9801'" onmouseout="this.style.color='#d39336'" style="color:#d39336;font-size:18px;text-decoration:none" title="Count: 5">frauen</a>

Soweit, sogut. Jedoch, wenn ich das auf eine Seite integriere, dann fehlt es an der 3D Animation (Rotation des Objekts). Siehe hier: http://tiger-1980-ostrach.de.tl/Test2.htm Außerdem fehlt die Möglichkeit des Anklickens (und Weiterleitung zur entsprechenden Content-Seite) . Zudem sind zahlreiche Worte (automatisch ausgewählt worden) die ich gar nicht dabei haben möchte.

Wenn ich weiterführend suche (die Sufu hilft hier nicht wirklich weiter - somit google), stoße ich immer wieder auf den Hinweis, daß das entsprechend konvertierte .swf Objekt UND .js Datei in ein "Seitenverzeichnis" kopieren soll (Quelle: http://blog.schoenwandt.info/?page_id=170) Ich weiß nicht, welches 'Seitenverzeichnis' hierbei gemeint ist und außerdem habe ich wenn ich es durch den letztgenannten Cloud-Generator (http://www.tag-cloud.de/ ) generieren lasse NUR die .swf Datei, nicht aber die .js Datei.

Knifflige Sache anscheinend, und das WP Cumulus von Roy Tanck läuft nur auf wordpress anscheinend?

Auf dem Schönwandt-blog ist auch ein Quelltext, vielleicht kannst Du mit dem ja etwas anfangen. Hier nochmal der Link: http://blog.schoenwandt.info/?page_id=170

Das hier müsste wenn ichs richtig vermute, der Quelltext von Schönwandt's Cloud sein. Entsprechend abgeändert, vielleicht auch für mich brauchbar?

Hier der Quelltext:

</script><div id="wpcumuluswidgetcontent6487750"><p><a href='http://blog.schoenwandt.info/?tag=anleitung' class='tag-link-43' title='1 Thema' style='font-size: 8pt;'>Anleitung</a> <a href='http://blog.schoenwandt.info/?tag=app' class='tag-link-45' title='1 Thema' style='font-size: 8pt;'>app</a> <a href='http://blog.schoenwandt.info/?tag=apple' class='tag-link-5' title='12 Themen' style='font-size: 20.8863636364pt;'>Apple</a> <a href='http://blog.schoenwandt.info/?tag=auto' class='tag-link-10' title='2 Themen' style='font-size: 10.8636363636pt;'>Auto</a> <a href='http://blog.schoenwandt.info/?tag=avatar' class='tag-link-11' title='1 Thema' style='font-size: 8pt;'>Avatar</a> <a href='http://blog.schoenwandt.info/?tag=blog' class='tag-link-12' title='3 Themen' style='font-size: 12.7727272727pt;'>Blog</a> <a href='http://blog.schoenwandt.info/?tag=bug' class='tag-link-13' title='2 Themen' style='font-size: 10.8636363636pt;'>Bug</a> <a href='http://blog.schoenwandt.info/?tag=crazy' class='tag-link-14' title='1 Thema' style='font-size: 8pt;'>crazy</a> <a href='http://blog.schoenwandt.info/?tag=didi' class='tag-link-15' title='3 Themen' style='font-size: 12.7727272727pt;'>Didi</a> <a href='http://blog.schoenwandt.info/?tag=dietmar-schonwandt' class='tag-link-40' title='1 Thema' style='font-size: 8pt;'>Dietmar Schönwandt</a> <a href='http://blog.schoenwandt.info/?tag=ebook' class='tag-link-44' title='1 Thema' style='font-size: 8pt;'>eBook</a> <a href='http://blog.schoenwandt.info/?tag=eigene-homepage' class='tag-link-17' title='9 Themen' style='font-size: 19.1363636364pt;'>eigene Homepage</a> <a href='http://blog.schoenwandt.info/?tag=epub' class='tag-link-42' title='1 Thema' style='font-size: 8pt;'>ePub</a> <a href='http://blog.schoenwandt.info/?tag=erlkonig' class='tag-link-18' title='1 Thema' style='font-size: 8pt;'>Erlkönig</a> <a href='http://blog.schoenwandt.info/?tag=film' class='tag-link-19' title='1 Thema' style='font-size: 8pt;'>Film</a> <a href='http://blog.schoenwandt.info/?tag=geburtstag' class='tag-link-20' title='1 Thema' style='font-size: 8pt;'>Geburtstag</a> <a href='http://blog.schoenwandt.info/?tag=glk' class='tag-link-21' title='1 Thema' style='font-size: 8pt;'>GLK</a> <a href='http://blog.schoenwandt.info/?tag=gravatar' class='tag-link-22' title='1 Thema' style='font-size: 8pt;'>Gravatar</a> <a href='http://blog.schoenwandt.info/?tag=home' class='tag-link-23' title='1 Thema' style='font-size: 8pt;'>Home</a> <a href='http://blog.schoenwandt.info/?tag=hompage' class='tag-link-24' title='1 Thema' style='font-size: 8pt;'>Hompage</a> <a href='http://blog.schoenwandt.info/?tag=ilife' class='tag-link-25' title='1 Thema' style='font-size: 8pt;'>iLife</a> <a href='http://blog.schoenwandt.info/?tag=internetgestaltung' class='tag-link-6' title='2 Themen' style='font-size: 10.8636363636pt;'>Internetgestaltung</a> <a href='http://blog.schoenwandt.info/?tag=ipad' class='tag-link-46' title='1 Thema' style='font-size: 8pt;'>iPad</a> <a href='http://blog.schoenwandt.info/?tag=iphone' class='tag-link-26' title='2 Themen' style='font-size: 10.8636363636pt;'>iPhone</a> <a href='http://blog.schoenwandt.info/?tag=itunes' class='tag-link-27' title='2 Themen' style='font-size: 10.8636363636pt;'>iTunes</a> <a href='http://blog.schoenwandt.info/?tag=iweb' class='tag-link-41' title='14 Themen' style='font-size: 22pt;'>iWeb</a> <a href='http://blog.schoenwandt.info/?tag=iwork' class='tag-link-28' title='1 Thema' style='font-size: 8pt;'>iWork</a> <a href='http://blog.schoenwandt.info/?tag=magazin' class='tag-link-29' title='3 Themen' style='font-size: 12.7727272727pt;'>Magazin</a> <a href='http://blog.schoenwandt.info/?tag=mstore' class='tag-link-30' title='1 Thema' style='font-size: 8pt;'>mstore</a> <a href='http://blog.schoenwandt.info/?tag=musik' class='tag-link-31' title='1 Thema' style='font-size: 8pt;'>Musik</a> <a href='http://blog.schoenwandt.info/?tag=netlog' class='tag-link-50' title='1 Thema' style='font-size: 8pt;'>Netlog</a> <a href='http://blog.schoenwandt.info/?tag=podcast' class='tag-link-32' title='1 Thema' style='font-size: 8pt;'>Podcast</a> <a href='http://blog.schoenwandt.info/?tag=real-life' class='tag-link-9' title='1 Thema' style='font-size: 8pt;'>Real Life</a> <a href='http://blog.schoenwandt.info/?tag=solingen' class='tag-link-33' title='1 Thema' style='font-size: 8pt;'>Solingen</a> <a href='http://blog.schoenwandt.info/?tag=t-mobile' class='tag-link-48' title='1 Thema' style='font-size: 8pt;'>T-Mobile</a> <a href='http://blog.schoenwandt.info/?tag=template' class='tag-link-34' title='2 Themen' style='font-size: 10.8636363636pt;'>Template</a> <a href='http://blog.schoenwandt.info/?tag=theme' class='tag-link-35' title='3 Themen' style='font-size: 12.7727272727pt;'>Theme</a> <a href='http://blog.schoenwandt.info/?tag=tutorials' class='tag-link-47' title='1 Thema' style='font-size: 8pt;'>Tutorials</a> <a href='http://blog.schoenwandt.info/?tag=twitter' class='tag-link-36' title='1 Thema' style='font-size: 8pt;'>twitter</a> <a href='http://blog.schoenwandt.info/?tag=vorlage' class='tag-link-37' title='2 Themen' style='font-size: 10.8636363636pt;'>Vorlage</a> <a href='http://blog.schoenwandt.info/?tag=willkommen' class='tag-link-38' title='1 Thema' style='font-size: 8pt;'>Willkommen</a> <a href='http://blog.schoenwandt.info/?tag=wordpress' class='tag-link-39' title='2 Themen' style='font-size: 10.8636363636pt;'>Wordpress</a> <a href='http://blog.schoenwandt.info/?tag=xtra-card' class='tag-link-49' title='1 Thema' style='font-size: 8pt;'>Xtra-Card</a></p><p>WP Cumulus Flash tag cloud by <a href="http://www.roytanck.com">Roy Tanck</a> and <a href="http://lukemorton.co.uk/">Luke Morton</a> requires <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a> 9 or better.</p></div><script type="text/javascript">var widget_so5561724 = new SWFObject("http://blog.schoenwandt.info/wp-content/plugins/wp-cumulus/tagcloud.swf?r=2736915", "tagcloudflash", "250", "160", "9", "#ffffff");widget_so5561724.addParam("wmode", "transparent");widget_so5561724.addParam("allowScriptAccess", "always");widget_so5561724.addVariable("tcolor", "0x333333");widget_so5561724.addVariable("tcolor2", "0x333333");widget_so5561724.addVariable("hicolor", "0x000000");widget_so5561724.addVariable("tspeed", "100");widget_so5561724.addVariable("distr", "true");widget_so5561724.addVariable("mode", "tags");widget_so5561724.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Danleitung%27+class%3D%27tag-link-43%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EAnleitung%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dapp%27+class%3D%27tag-link-45%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3Eapp%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dapple%27+class%3D%27tag-link-5%27+title%3D%2712+Themen%27+style%3D%27font-size%3A+20.8863636364pt%3B%27%3EApple%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dauto%27+class%3D%27tag-link-10%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EAuto%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Davatar%27+class%3D%27tag-link-11%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EAvatar%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dblog%27+class%3D%27tag-link-12%27+title%3D%273+Themen%27+style%3D%27font-size%3A+12.7727272727pt%3B%27%3EBlog%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dbug%27+class%3D%27tag-link-13%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EBug%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dcrazy%27+class%3D%27tag-link-14%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3Ecrazy%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Ddidi%27+class%3D%27tag-link-15%27+title%3D%273+Themen%27+style%3D%27font-size%3A+12.7727272727pt%3B%27%3EDidi%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Ddietmar-schonwandt%27+class%3D%27tag-link-40%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EDietmar+Sch%C3%B6nwandt%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Debook%27+class%3D%27tag-link-44%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EeBook%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Deigene-homepage%27+class%3D%27tag-link-17%27+title%3D%279+Themen%27+style%3D%27font-size%3A+19.1363636364pt%3B%27%3Eeigene+Homepage%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Depub%27+class%3D%27tag-link-42%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EePub%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Derlkonig%27+class%3D%27tag-link-18%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EErlk%C3%B6nig%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dfilm%27+class%3D%27tag-link-19%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EFilm%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dgeburtstag%27+class%3D%27tag-link-20%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EGeburtstag%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dglk%27+class%3D%27tag-link-21%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EGLK%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dgravatar%27+class%3D%27tag-link-22%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EGravatar%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dhome%27+class%3D%27tag-link-23%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EHome%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dhompage%27+class%3D%27tag-link-24%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EHompage%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dilife%27+class%3D%27tag-link-25%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EiLife%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dinternetgestaltung%27+class%3D%27tag-link-6%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EInternetgestaltung%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dipad%27+class%3D%27tag-link-46%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EiPad%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Diphone%27+class%3D%27tag-link-26%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EiPhone%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Ditunes%27+class%3D%27tag-link-27%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EiTunes%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Diweb%27+class%3D%27tag-link-41%27+title%3D%2714+Themen%27+style%3D%27font-size%3A+22pt%3B%27%3EiWeb%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Diwork%27+class%3D%27tag-link-28%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EiWork%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dmagazin%27+class%3D%27tag-link-29%27+title%3D%273+Themen%27+style%3D%27font-size%3A+12.7727272727pt%3B%27%3EMagazin%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dmstore%27+class%3D%27tag-link-30%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3Emstore%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dmusik%27+class%3D%27tag-link-31%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EMusik%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dnetlog%27+class%3D%27tag-link-50%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3ENetlog%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dpodcast%27+class%3D%27tag-link-32%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EPodcast%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dreal-life%27+class%3D%27tag-link-9%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EReal+Life%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dsolingen%27+class%3D%27tag-link-33%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3ESolingen%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dt-mobile%27+class%3D%27tag-link-48%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3ET-Mobile%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dtemplate%27+class%3D%27tag-link-34%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3ETemplate%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dtheme%27+class%3D%27tag-link-35%27+title%3D%273+Themen%27+style%3D%27font-size%3A+12.7727272727pt%3B%27%3ETheme%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dtutorials%27+class%3D%27tag-link-47%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3ETutorials%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dtwitter%27+class%3D%27tag-link-36%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3Etwitter%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dvorlage%27+class%3D%27tag-link-37%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EVorlage%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dwillkommen%27+class%3D%27tag-link-38%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EWillkommen%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dwordpress%27+class%3D%27tag-link-39%27+title%3D%272+Themen%27+style%3D%27font-size%3A+10.8636363636pt%3B%27%3EWordpress%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fblog.schoenwandt.info%2F%3Ftag%3Dxtra-card%27+class%3D%27tag-link-49%27+title%3D%271+Thema%27+style%3D%27font-size%3A+8pt%3B%27%3EXtra-Card%3C%2Fa%3E%3C%2Ftags%3E");widget_so5561724.write("wpcumuluswidgetcontent6487750");</script></div></div><!--//--><div id="text-2" class="dbx-box widget_text"><div class="textwidget"><script type="text/javascript">var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.schoenwandt.info/piwik/" : "http://www.schoenwandt.info/piwik/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://www.schoenwandt.info/piwik/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript> <!--//--></div></div></div></div></div></div></div><hr class="hidden" /></div></div><script src="http://stats.wordpress.com/e-201213.js" type="text/javascript"></script> <script type="text/javascript">st_go({blog:'7601121',v:'ext',post:'170'});
var load_cmc = function(){linktracker_init(7601121,170,2);};
if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc);
else load_cmc();
</script> </body></html>

So - ganz viel zum Lesen. Aber vielleicht kommen wir so ja der Lösung langsam mal etwas näher...

Gruß, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Könntest du ganz einfach anpassen.

Sind es doch.

Du kannst die Farbe jedes einzelnen Wortes ganz einfach anpassen.

Du kannst jedes einzelne Wort ganz einfach verlinken.

Musst du sogar.

Ich werde dir mit Sicherheit keine 3D animation schreiben.

Ist auch wesentlich aufwendiger.


Bei tag-cloud.de musst du auf "Download this flash cloud" klicken. Das zip entpacken und das readme befolgen.
Dann hast du aber wieder das Problem, dass sich die Dateien laut readme im selben Verzeichnis befinden müssen. Wenn du Webspace hast, kannst du mal versuchen, sie extern hochzuladen. Eventuell greift da aber die Same-Origin-Policy. Ohne die Implementierung zu kennen, kann ich das aber nicht beurteilen, also am besten mal versuchen.

Bei Schönwandt-blog gilt genau das gleiche. Der Quelltext dort ist nur die Erklärung. Im Text ganz oben findest du einen Download Link.

Ich glaube auch nicht, dass es etwas bringt weiter zu suchen. Das zielt alles auf das selbe Prinzip ab.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Das denke ich auch. Ich glaube ehrlich gesagt auch, das ich schon kurz vor der Lösung stehe (da ich den Quellcode bereits auf tag-cloud.de fand, und leicht an meine Bedürfnisse anpassen könnte, siehe mein letzter Post). Und darum gebe ich nicht auf, und lasse nicht locker, weil ich spüre daß ich echt kurz davor bin°!!

Nun aber die Gretchenfrage. Wie meinst Du das mit dem externenn Webspace? Unter Umständen hätte ich da schon eine Möglichkeit...

Same-Origin Policy, was versteht man darunter? Müsste das dann eigentlich auf demselben webme-Server abgespeichert sein, damit es läuft?

Tut mir leid, wenn ich mich grad ein bischen dumm anstelle vielleicht, aber ich checke die einzelnene Schritte nicht genau. Was müsste ich denn als Nächstes tun. Sollte ich versuchen die .swf und die .js Datei auf einen anderen Server/Webspace zu laden? (Wenn nicht diese Dateien, welche dann?) - Und wie stelle ich dann sicher, daß die Homepage von webme auf dieses zugreifen kann? Genügt es das Script/html-Text einzubinden, und dann klappt das mit meiner Cloud?

Wäre ja schön, der Lösung so langsam etwas näher zu kommen. Das mit www.tag-cloud.de wäre eigentlich genau das was ich will. Ich erwarte nicht, daß mir jemand eine 3D Animation schreiben wird (denke das ist sicher sehr aufwendig). Falls ichs könnte würd ichs ja selber machen, aber ich bin kein Programmierer, sondern "nur" ein Anwender, und von daher ist mein Wissen diesbezüglich sowieso leider nur sehr begrenzt...

Also, folgende Bitte. Ich benötige nun als Nächstes eine Schritt-für-Schritt Anleitung, quasi für "Dummies", welche Dateien ich auf den fremden Webspace packen soll, und als Nächstes dann eine Anleitung, wie ich sicherstelle, daß das Script die Cloud 3D animiert abspielt, bzw. wo genau ich den entsprechenden Quelltext dann einbinden muss...

Ich hoffe Ihr habt noch Geduld mit mir und könnt mir die letzten entscheidenden Tipps geben.

MFG, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Du musst auch lesen, was dort steht. Das ist die einfache Html Variante, die du da hast.
Die die du möchtest bekommst du indem du auf den Button "Download this flash Cloud" klickst und das Zip-Archiv speicherst.

Die Same-Origin Policy ist ein Sicherheitsmechanismus der Browser, die das XSS(Cross-Site-Scripting) verhindert. Sie besagt, das der Zugriff auf Objekte einer anderen Webseite für z.B. Javascripts oder Actionscripts, nur dann zugelassen wird, wenn die Seite von der gleichen Quelle stammt.

Du benötigst Speicherplatz auf einem Server, auf den du die Dateien hochladen kannst. Wenn du den hast, mache ich dir die Schritt für Schritt Erklärung.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

[quote="o-4-n"]

So. Ich habe nun bei einem Freund der einen Webshop betreibt, die Möglichkeit etwas auf seinen Server (der bei 1&1 gehostet ist) etwas upzuloaden. Ich hoffe, das geht...
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

Dann lade :
cloud_data.xml
swfobject.js
imagecloud.swf
dort Hoch. Alle drei müssen im selben Verzeichnis liegen.

Folgendes fügst du an der gewünschten Stelle ein:

Musst du mit der jeweiligen absoluten Adresse ersetzen.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

Falls ich die keywords ändern will müsste ich das im XML machen oder dann im html-Text den ich einbinde?

Ich wollte mir gerade noch vor dem uploaden die XML Datei anschauen, bekam dabei diese Fehlermeldung:

Hmm. Brauche ich irgendein Programm um XML Dateien anzuschauen / zu bearbeiten?

Falls ich das XML nicht brauche (wär mir natürlich viel lieber), und meine Worte in der Cloud mittels dem html (siehe meine vorigen Posts) mit Farben und Link versehen kann, wär das dann ja kein Beinbruch. Einfacher ist immer besser.

Muss ich die XML Datei überhaupt anrühren ?? Oder bin ich wiedermal zu neugierig / experimentierfreudig??

Möchte eben einfach, daß Tags (Worte), die entsprechende Schriftgröße und die Farben von mir vor der Veröffentlichung bearbeitet werden, und somit in der Form wie von mir gewünscht erscheinen, und nicht irgendwelche "Random"-Words, in zufälliger Schriftfarbe und in zufälliger Größe.

Gruß, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de

In ersterem.

Ja, einen Browser. Am besten einen richtigen. Der IE ist kein solcher.

Welche IE Version ist das den? Ich habe es gerade bis zu Version 7 des Dingens runter getestet und hatte bei keinem ein Problem. Auch mit Firefox nicht.

Du brauchst es! Das Actionscript holt sich aus der xml die Tags.
Nochmal: Das was du da oben hast, ist eine einfache, statische Version der Cloud und hat mit dem was du möchtest, nichts zu tun.
Ich kenne die Implementierung des Actionscript nicht, denke aber, dass du alles was du anpassen möchtest auch in der xml anpassen kannst:
href dürfte href sein.
hicolor die hover Farbe
color die Schriftfarbe
Schriftgröße wird im style Attribut definiert.

Neue Tags werden ebenfalls immer nach dem selben Muster eingefügt.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering

So, jetzt bin ich endlich soweit, jetzt habe ich die Dateien für meine Cloud auf den Server geladen!
Die Dateien die ich mittels dem og. Cloud Generator erzeugt habe, die
imagecloud.swf
cloud_data.xml
swfobject.js
befinden sich auf dem Server meines Bekannten.
Die Quelle lautet daher in etwa so:
www.Webseite-meines-Bekannten.de/images/neuerOrdner/imagecloud.swf
www.Webseite-meines-Bekannten.de/images/neuerOrdner/cloud_data.xml
www.Webseite-meines-Bekannten.de/images/neuerOrdner/swfobject.js
(habe ich entsprechend des Homepage- und des Ordnernamens angepasst).

Habe og. Text eingefügt, erstmal als Test, auf dieser Seite hier: http://tiger-1980-ostrach.de.tl/Test3.htm - Doch leider wird nichts angezeigt?! Hab ich noch einen Fehler drin, im Script?

Wie macht man dies dann "sichtbar"? Und: Wie geht es nun als nächsten Schritt weiter. Kann ich die XML Datei noch einmal ansehen, oder bearbeiten?
Wie kann ich Breite und Höhe des Objektes verändern? Kann ich das auch, da wo ich es einbinde, auch zentrieren, und wenn ja, wie?

MFG, Tiger
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de