Header Problem

  • Moin Leute,


    ich habe folgendes Problem bei dem ich nicht weiterkomme.
    Ich möchte gerne eine Animation per Html Code einbauen und es zum laufen bringen und das klappt auch, jedoch mußte ich festellen das ich sobald ich das Fenster etwas zusammen ziehe eine Leiste unten erscheint und das die animation so zur Seite sich verschiebt.


    siehe hier: https://www.underground-server.net/


    Was muß ich noch ergänzen damit dies funktioniert?





    Mit freundlichen Gruß
    Toshi

    Einmal editiert, zuletzt von zwoemti () aus folgendem Grund: Code Button benutzen

  • WEnn du individuellen Code einfügst in den Header, dann darfst du nicht <HTML> und <BODY> Tag mit einfügen! (ganzen unten die schließenden auch weg.)

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Ist das richtig?



    Mit freundlichen Gruß
    Toshi

  • Als aller erstes benutzt man hier im Forum oben den Button um Code in den Beitrag einzufügen! das sind die </> die da oben zu sehen sind.


    das kommt in den Head der Seite (Seo und Code)

    HTML
    1. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    2. <script type="text/javascript" charset="utf-8" src="Welcome_header_edgePreload.js"></script>
    3. <style>
    4. .edgeLoad-EDGE-3832932 { visibility:hidden; }
    5. </style>


    Die Datei Welcome_header_edgePreload.js muss sich im Ordner befinden wo auch die index Seite liegt.
    Solltest du einen Blog benutzen bzw. ein Warenkorb dann musst du den Pfad voll ausschreiben!


    Der Rest kommt in ein HTML Objekt wo es angezeigt werden soll


    Das laden der Datei http://animate.adobe.com/runtime/5.0.1/edge.5.0.1.min.js wird bei dir blockiert wegen gemischten Inhalten also http und https Inhalten.

  • Vielen Dank für den Tipp,
    nun aber zur meiner nächsten Frage.


    Ist es möglich 4 verschiedene Animation einzubauen die sich genau zu größe des Browser sich anpassen.
    Den so wie es ausschaut bei der HP http://www.underground-server.net sieht die irend wann kacke aus.


    Und wenn ja wie schaut dann der Code aus?


    Mit freundlichen Gruß
    Toshi

  • Hallo Leute,


    ich habe es jetzt mal ausprobiert und habe leider festellen müssen das es immer noch nicht geht,
    Sobald ich das Fenster etwas verschiebe kommt die untere leiste zu vorschein und die animation bricht dann aus dem Rahmen heraus.
    Was habe ich also gemacht?


    Ich bin unter Punkt 1 gegangen und habe "Statistiken, SEO und Code" ausgewählt.
    Unter Erweitert konnte man "Vor dem </HEAD> Tag" , "Nach dem </HEAD> Tag" oder "Vor dem HTML-Tag" auswählen.
    Ich habe den "Vor dem </HEAD> Tag" ausgewäht und diesen reinkopiert:


    HTML
    1. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    2. <script type="text/javascript" charset="utf-8" src="Welcome_header_edgePreload.js"></script>
    3. <style>
    4. .edgeLoad-EDGE-3832932 { visibility:hidden; }
    5. </style>


    dann bin ich weiter Punk 2 "Vorlage" und habe dann "Inhalt des Headers und der Fußzeile" gedrückt.
    Jetzt habe ich das HTML-Code Icon herausgewält und habe unter "Position" die Maße eingetragen (1920 * 330)
    Als nächstes habe ich den HTML-Code geöffnet und dies so herein kopiert.




    Was habe ich hier falsch gemacht?


    Mit freundlichen Gruß
    Toshi

  • Was hast du erwartet? Die Animations ist zwar auf diese Breite eingestellt, aber sie ist nicht responsive programmiert. Da kann WSX5 nichts dafür, denn wenn die Animationen nicht von Haus aus responsive gecoded sind kann es in WSX5 auch nicht funktionieren. Gibt es nicht in Adobe Edge einen responsive Modus oder Werte die man mit 100% einstellt?

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

  • Ja sie hat die richtige Breite aber die Animation ist auch responsive.
    Ich habe es jetzt den Code nicht im Header gemacht sondern unter Punkt 3 "sitemap" und bei Home dem Button "Eigenschaften". gedrückt.
    Unter "Erweitert" habe ich dann bei "Vor dem </HEAD>Tag" dem completen Html Code übernommen.
    Wie Du erkennen wirst geht es in diesen Bereich auch, also kann es daran nicht liegen.
    siehe hier http://underground-server.net


    Mit freundlichen Gruß
    Toshi

  • Nein, damit habe ich noch garnicht angefangen weil das Problem darin liegt das die untere Leiste sich zeigt, wenn ich z.B beim Firefox das Lesezeichen öffne oder wenn ich das Fenster nur bischen zu Seite drücke und das sollte nicht sein der eigentliche Übergang hat zum diesen noch garnicht stattgefunden.

  • Das liegt daran das das Objekt eine Breite besitzt. Würde man das Objekt außerhalb von den X5 greifenden Bereich einfügen würde das Objekt sich richtig verhalten. Die Scrollleiste sollte aber nicht das Problem sein diese kann man entfernen. Man sollte aber das Objekt gleich mal richtig einbinden und nicht sagen so weit bin ich noch nicht.

  • Die kleinere Version der Animation werden noch gemacht, die dann passgenau sich zu den Endgeräte richtig verhalten sollen, aber das dauert hat ein paar Tagen. Das liegt aber auch daran das mich solche Dinge halt jetzt schon stören und mich dann aufhalten und das ärgert mich selbst. Allerdings bin ich in diesen Bereich kein Freak und brauch daher halt etwas länger bis das klappt. :-D