Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.03.2012 um 13:28 (UTC)    
Titel: 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


Zuletzt bearbeitet von tiger-1980-ostrach am 29.03.2012, 14:31, insgesamt einmal bearbeitet
Beitrag29.03.2012 um 15:54 (UTC)    
Titel:

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
Beitrag29.03.2012 um 16:47 (UTC)    
Titel:

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


Zuletzt bearbeitet von tiger-1980-ostrach am 29.03.2012, 17:52, insgesamt einmal bearbeitet
Beitrag30.03.2012 um 19:15 (UTC)    
Titel:

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.

tiger-1980-ostrach hat Folgendes geschrieben:
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.

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


Zuletzt bearbeitet von o-4-n am 30.03.2012, 20:29, insgesamt einmal bearbeitet
Beitrag01.04.2012 um 15:37 (UTC)    
Titel:

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
Beitrag01.04.2012 um 16:27 (UTC)    
Titel:

tiger-1980-ostrach hat Folgendes geschrieben:
* Hintergrund der Tag Cloud nicht schwarz, sondern in Farbe transparent

Könntest du ganz einfach anpassen.

tiger-1980-ostrach hat Folgendes geschrieben:
* Nicht nur ein Wort in der Wolke sondern mehrere

Sind es doch.


tiger-1980-ostrach hat Folgendes geschrieben:
* die farblich verschieden sein könnten (kein Muss)

Du kannst die Farbe jedes einzelnen Wortes ganz einfach anpassen.

tiger-1980-ostrach hat Folgendes geschrieben:
* jedoch verlinkt sind mit der Unterseite, die über die Cloud angeklickt werden kann.

Du kannst jedes einzelne Wort ganz einfach verlinken.

tiger-1980-ostrach hat Folgendes geschrieben:
* Gut wäre wenn der Generator nicht nur Tags verwenden würde, sondern wenn ich selbst die Worte festlegen kann (Schriftgröße, Farbe, Verlinkung)

Musst du sogar.

tiger-1980-ostrach hat Folgendes geschrieben:
* Die ganze Sache 3D animiert sich um die eigene Achse dreht

Ich werde dir mit Sicherheit keine 3D animation schreiben.

tiger-1980-ostrach hat Folgendes geschrieben:
* die Worte nicht durch Zufallsgenerator durch den Raum wandern, sondern eine Art "Rotation" stattfindet.

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


Zuletzt bearbeitet von o-4-n am 01.04.2012, 22:48, insgesamt 2-mal bearbeitet
Beitrag02.04.2012 um 17:37 (UTC)    
Titel: 3D Tag Cloud einfügen

o-4-n hat Folgendes geschrieben:
Ich glaube auch nicht, dass es etwas bringt weiter zu suchen. Das zielt alles auf das selbe Prinzip ab.
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
Beitrag03.04.2012 um 00:53 (UTC)    
Titel: Re: 3D Tag Cloud einfügen

tiger-1980-ostrach hat Folgendes geschrieben:
da ich den Quellcode bereits auf tag-cloud.de fand, und leicht an meine Bedürfnisse anpassen könnte, siehe mein letzter Post

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.

tiger-1980-ostrach hat Folgendes geschrieben:
Wie meinst Du das mit dem externenn Webspace?

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
Beitrag06.04.2012 um 11:28 (UTC)    
Titel: Re: 3D Tag Cloud einfügen

[quote="o-4-n"]
tiger-1980-ostrach hat Folgendes geschrieben:
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.
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... Question
______________
www.tiger-1980-ostrach.de.tl
www.revolting-bones.de
Beitrag06.04.2012 um 21:35 (UTC)    
Titel:

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

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


Zitat:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent"></div>
<script type="text/javascript">swfobject.embedSWF("imagecloud.swf", "flashcontent","280", "280","9", "",cloud_data: "cloud_data.xml"},{wmode: "transparent", menu: "false", quality: "high", scale:"noscale"});</script>

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
Beitrag08.04.2012 um 21:14 (UTC)    
Titel:

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
Beitrag08.04.2012 um 22:12 (UTC)    
Titel:

tiger-1980-ostrach hat Folgendes geschrieben:
Falls ich die keywords ändern will müsste ich das im XML machen oder dann im html-Text den ich einbinde?

In ersterem.

tiger-1980-ostrach hat Folgendes geschrieben:
Hmm. Brauche ich irgendein Programm um XML Dateien anzuschauen / zu bearbeiten?

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.

tiger-1980-ostrach hat Folgendes geschrieben:
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??

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. Very Happy
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
Beitrag29.04.2012 um 09:52 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Dann lade :
Arrow cloud_data.xml
Arrow swfobject.js
Arrow imagecloud.swf
dort Hoch. Alle drei müssen im selben Verzeichnis liegen.]
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).

o-4-n hat Folgendes geschrieben:
Folgendes fügst du an der gewünschten Stelle ein:


Zitat:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent"></div>
<script type="text/javascript">swfobject.embedSWF("imagecloud.swf", "flashcontent","280", "280","9", "",cloud_data: "cloud_data.xml"},{wmode: "transparent", menu: "false", quality: "high", scale:"noscale"});</script>

Musst du mit der jeweiligen absoluten Adresse ersetzen.
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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de