Zum Inhalt springen

Typo3 mit Flashnavigation auf www.tomundsteffi.de

Erstellt am 15. November 2005 · 17 Antworten · letzte Antwort am 2. August 2006

Tags: Diskussion

tom_botsche ·

Hallo Leute,
möchte Euch mal meine neue private Homepage http://www.tomundsteffi.de vorstellen. Früher hatte ich sie mal mit Mambo erstellt und nun seit ca. 2 Wochen mit Typo3.
Leider ist noch nicht sehr viel Inhalt da, aber das kommt bestimmt noch.

Highlight allerdings ist meine dynamische Flashnavigation im Head.

Ich hoffe sie gefällt Euch. Ziel ist es meine Seite komplett mit Flash und Typo3 aufzubauen, jetzt ist aber erstmal Entwicklungspause angesagt.
Ein dickes Danke nochmal an das Forum, ohne dem ich das nie hinbekommen hätte und an die vielen Etwickler der Extensions 😃

Feedback wäre Klasse.

Grüsse
Tom

toyde ·

hm, lustige Seite..

Nur, ne Navigation kann ich nirgends entdecken 😢
Muss das wohl nachher mal auf nem anderen Browser anschauen.

lg Robert

woida ·

Schöne Seite, gratuliere!
Wenn ich auch Flash verwenden würde, würde mich ja direkt interessieren, wie du das Menü gemacht hast...

Übrigends: Hab noch einen lustigen Rechtschreibfehler gefunden:
http://www.tomundsteffi.de/index.php?id=22

...um so mehr sich Leute dann anmelden um so mutivierter sind wir dann...

sollte wohl motivierter heißen 😉

tom_botsche ·

Wow, das ist ja echt supernett 😃

Hallo Robert, hast Du www.tomundsteffi.de oder nur tomundsteffi.de eingegeben? Ich habe im IE6 und Firefox das Flashplugin 8 geladen, wenn ich nur tomundsteffi.de eingebe bekomme ich in beiden Browsern ein Sicherheitsabfrage von Flash, von wegen nicht sicher etc. ... und zulassen, verweigern mit der Option diese Meldung nicht mehr anzuzeigen. Hast Du vielleicht mal früher diese Option gesetzt?
Unabhängig davon frage ich mich natürlich auch wie das weg bekomme, ich gebe ja manchmal auch Domainnamen ohne führendes www. ein.?

Jo, da ist wohl noch ein border nicht =0, das biege ich mal schnell hin, thanx.

Ich weiss, es heißt Typo3, muss mir eine andere Schrift suchen, da fehlen irgendwie die Zahlen.

Am besten ist es wenn man noch über sich selbst lachen kann. 😃

...um so mehr sich Leute dann anmelden um so mutivierter sind wir dann...

[/quote]

Danke Leute, da muss ich wohl noch etwas dran feilen.
Grüsse
Tom

toyde ·

...um so mehr sich Leute dann anmelden um so mutivierter sind wir dann...

[/quote]Wieso nicht? Ich mag xMen und Mutanten.

Hast du den Cache geleert? Sehe es nun auch auf IE. Kann dir nicht sagen an was es liegt. Verwende selbst Flash auf einige Seiten, mir bewusste Pluginprobleme habe ich nicht.

Viel Spass mit der Seite.

Waveshaper ·

Diese Site ist recht ansprechend gestaltet. Leider bin ich noch nicht soweit, dass ich imstande wäre, eine dynamische Flash-Navigation zu programmieren (letztere sieht übrigens mit den halbtransparenten Buttons ziemlich cool aus). Gibt es denn irgendwo ein Tutorial, wo erklärt wird, wie man mit TypoScript und ActionScript ein dynamisches Flash-Menü programmieren kann? Immerhin muss da ja einiges an Variablen hin und her geschoben werden.
Einziges Manko (und dieses betrifft die Navigation) ist, dass bei sämtlichen Menu-Einträgen Pfeile angezeigt werden. So erwartet man noch Unterseiten, obwohl gar keine vorhanden sind.
Eben: für einen Link zu einem Typo3-Flash-Navigations-Tutorial wäre ich dankbar.

Gruss, Dominic

boonkerz ·

Hallo,

Schöne seite.

Zu dem Menü:
Ich würde bei den Menüpunkten ohne unterpunkte den pfeil rechts weg lassen.

MFG

just2b ·

Hi,

also ich bin da wohl mit meiner Meinung alleine - egal - aber ich find zwar die Idee des Menüs schön, die Ausführung dagegen nicht, denn das ist sowas von schlecht lesbar, dass es keine Freude mehr ist - schon gar nicht für Leute die schlecht lesen können....

Das "Cartoon-Bild" von euch passt leider nicht so wirklich rein...

Gästebuch-Einträge: Ist noch nicht formatiert, oder bleibt das grün? 😉

Service-Menü: Mach das mit einem TMENU!

Sonst ist das eine sehr schöne Seite geworden, aber benachteiligte Personen können deine Seite nur meiden 😉

lg georg

Waveshaper ·

Just2B: Accessibility ist leider nicht für alle ein Thema. Aber wenn mehr als die Hälfte des Contents aus Bildern besteht und man evt. einen blinden oder sehbehinderten Verwandten hat, dann ist es fraglich, ob man auf Accessibility/Barrierefreiheit ein Augenmerk legen soll.

just2b ·
Waveshaper schrieb

Just2B: Accessibility ist leider nicht für alle ein Thema.

Ist mir durchaus bewusst und ich hab nichts gegen multimedia-lastige Webseiten, aber - und das ist worauf ich hinweisen wollte - es sollte jedem bewusst sein.

lg georg

tom_botsche ·

Prima Resonanz,

also vorweg, fliege am Samstag erstmal 3 Wochen in Urlaub 8-) , daher werde ich erst danach dazu kommen ein nettes Tutorial zu schreiben, sorry.
Im groben vorweg: Habe einmal das bf_xml_for_flash und ingmar_xmlmenu installiert, unter http://www.tomundsteffi.de/index.php?id=2&type=444 könnt Ihr das dynamisch erstellte xml sehen. 😃

Auf den Seiten von flashstar.de findet Ihr einige Flash/XML Menues eins davon ist

http://www.flashstar.de/tutlist/index.php3?id=1075. Im Flash ändert Ihr den Pfad zu Eurer xml-url.
Wenn man sich etwas mit Flash auskennt braucht man sich den Rest einfach etwas zurecht biegen, Farben etc.
Wenn man sich mit Flash auskennt, ist bei mir noch so eine Sache. Habe früher mal öfters geflasht, bin voll aus der Übung, werde mich wieder mit beschäftigen. Deswegen sind bei den letzten Untermenüpunkten auch noch die Pfeile da. Kriege ich aber noch hin.

Das Cartoonbild ist wirklich nicht mehr ganz passend, stimmt, aber das hat mir mal unser Layouter für unsere alte Seite erstellt, finde optisch ziemlich treffend und ich hänge daran. Mal schaun.

Accessibility/Barrierefreiheit: Ist eine ganz wichtige Sache, allerdings wenn man es nett haben möchte auch eine ganz schön aufwendige Sache. Hatten ein Projekt für einen Kunden und sogar einen Test mit einem Sehbehinderten. Da gibt es viel zu beachten. Da in unserer Seite sowiso noch Inhalte Fehlen, werde ich es erstmal noch auf die lange Bank schieben. Doch ich könnte mir vorstellen eine Vorschaltseite zu setzten und die wichtigsten Inhalte in ein seperates Web Barrierefrei zu exportieren.

Habe allerdings noch ein Problem. Da ich eine nonframe Seite habe wird das Flash immer neu geladen, ich hätte aber gerne das mein Flash wieder zum gewählten Menüpunkt springt. Meine Idee ist in dem xml ein is active tag zu setzten. Kennt sich jemand mit bf_xml_for_flash und ingmar_xmlmenu aus und weiss wie das machen kann. Über Typo3 müsste sozusagen die gerade aktive Seite ausgelesen und dann im xml gesetzt werden.
Bin ich noch in der richtigen Rubrik ? Egal 😃

Viele Grüsse
Tom

Ach ja eins noch, es gibt noch ein Problem im XML wenn Seiten im Menü auf "hide" not in menu stehen. Bei deaktivierten Seiten gibt es kein Problem. Aber, Nichts ist unmöglich, Toyo..t..ah

dezimal ·

hallo,

mal ne grundsätliche frage wie designe ich denn ne seite? haben in der firma adobe das komplette paket und macromedia das komplette??

photoshop oder anderes und wie gibts da hilfe auf diversen seiten?? danke schon mal für die hilfe

toyde ·
dezimal schrieb

hallo,
mal ne grundsätliche frage wie designe ich denn ne seite? haben in der firma adobe das komplette paket und macromedia das komplette??
photoshop oder anderes und wie gibts da hilfe auf diversen seiten?? danke schon mal für die hilfe

? Nichts für ungut. Dein Post ist wohl leider im völlig falschen Forum #paralyzed#

Veritas ·

So ich stell mein Problem auch mal hier rein. Ich wollte es nämlich genauso machen wie oben beschrieben, nur leider bekomme ich mit den genannten Extensions keine XML-Ausgabe.

Siehe dazu #8879

Weiß hier vielleicht jemand eine Lösung zu meinem Problem?

Danke schonmal im Voraus!

Gruß

tom_botsche ·

Wegen der vielen Anfragen überwinde ich mich nun doch, hier mal ein Tutorial dafür zu schreiben.

1. Allgemein, wie funktioniert die ganze Geschichte.

In meinem Template wird ganz normal mein Flashmenu eingebunden. In diesem selbst ist die Url mit dem darin enthaltetenden XML hinterlegt das mir Typo3 erzeugt. Das Flash liest diese ein und verwurstet es. Verwursten ist gut. Man muss sich schon mit Flash und XML beschäftigen :-)
Vorlagen für Flash FLA´s bekommt Ihr z.B. bei Flashstar.

Diese müßt Ihr nur ein wenig anpassen. Bzw. es ist eine Mischung zwischen Eurem XML-output und dem Flash. Iss Klar :o , viele Wege führen nach Rom. Achso, ganz wichtig sind die Extensions

ingmar_xmlmenu und bf_xml_for_flash

diese müssen installiert und konfiguriert werden!
Damit kein Missverständnis ensteht, Typo3 erzeugt kein Flash, es füttert es nur mit XML Daten. Iss Klar ;-)

2. bf_xml_for_flash

In dieser muß die typeNum angegeben werden. Bei mir ist diese 444 ansonsten kann man sie auch frei wählen.
Wenn man nun http://www.tomundsteffi.de/index.php?id=2&type=444 aufruft sollte man einen XML Output bekommen.
Diese Url trägt man in Flash unter xml_load ein.
Flash zieht sich da die XML Daten um sie dann wie auch immer zu verarbeiten.

3. ingmar_xmlmenu

Da muß die Datei ext_typoscript_setup.txt angepasst werden.
Bei mir schaut die dann so aus.

bf_xml_for_flash {

includeLibs.xmlmenu = EXT:ingmar_xmlmenu/menuiproc.php
includeLibs.bf_xml_for_flash = EXT:ingmar_xmlmenu/xmlversionLib.inc

10.menu = HMENU
10.menu {
1 = TMENU
1.IProcFunc = user_xmlmenu->user_xmlMenuIProc
1.expAll = 1
1.NO {
doNotLinkIt =1
stdWrap {
dataWrap = <section level="1" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br /> // the closing bracket '>' is added by the IProcFunction!
append = TEXT
append.value = {$PAGE_TARGET}
append.override.field = target
append.noTrimWrap = | target="|" |
}
}

1.IProcFunc.target = TEXT
1.IProcFunc.target.value = {$PAGE_TARGET}

2 < .1
2.wrap = | </section>
2.NO.stdWrap.dataWrap = <section level="2" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
3 < .2
3.wrap = | </section>
3.NO.stdWrap.dataWrap = <subsection level="3" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
4 < .2
4.wrap = | </subsection>
4.NO.stdWrap.dataWrap = <section level="4" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
5 < .2
5.wrap = | </section>
5.NO.stdWrap.dataWrap = <section level="5" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
6 < .2
6.wrap = | </section>
6.NO.stdWrap.dataWrap = <section level="6" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
7 < .2
7.wrap = | </section>
7.NO.stdWrap.dataWrap = <section level="7" name="|" id="{field:uid}" aktion="gotoURL" variables="http://www.tomundsteffi.de/index.php?id={field:uid}"<br />
}
}

Aber wie schon gesagt, man muß sie immer seinem Flash entsprechend anpassen. Iss Klar. Wenn es nicht gleich klappt, nicht verzagen und bloß nicht mich fragen :o , aber glaubt mir die Richtung stimmt.Für Verbesserungen und Vorschläge bin ich dankbar.

Viel Spaß
DerTom

toyde ·

Hallo wiedermal Tom.

Danke, hab mal kurz drübergeschaut. Eventuell wär's sogar besser, dies als HowTo o.Ä. zu verwalten - sonst stellen wieder alle ihre Probleme hier rein #paralyzed# . Als HowTo bleibt's zentral für jedermann übersichtlich.

grüsse

update:

HowTo nun hier abgelegt
» #47499