Flashdatei im Header einbinden

believer

Hallo,
ich habe sehr viel im Forum über die Einbindung von Flash im Header gelesen, aber ich schaffe das einfach nicht/ verstehe nicht, wie ich wo was einbinden soll. Ich bin neu bei WP, habe meine Seite erfolgreich einrichten können, schaffe aber nicht, eine vorhandene *.swf Datei, die ich von einem Bekannten erstellen ließ, in header.php einzubauen. Bitte seid barmherzig mit einem Neuling!

Bin ich in diesem Bereich meiner header.php richtig und was muss ich hier wo einsetzen? Wo sollte meine *.swf-Datei liegen? Wie muss mein Flash-Code lauten?

PHP

<body>


<div id="container">


<div id="header" class="clearfix">
        <div id="title"><a href="<?php bloginfo(''); ?>"><?php bloginfo('title'); ?></a></div>
    <div id="desc"><?php bloginfo('description'); ?></div>
    <div id="search">
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <input type="text" value="search..." name="s" id="s" onfocus="if (this.value == 'search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search...';}" />
    </form>
    </div>

Alles anzeigen

Meine Seite http://www.gospel-life.de

Danke für jede Hilfe!!!!!
Gruss, believer

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat von believer

Bin ich in diesem Bereich meiner header.php richtig

Ja.

Zitat

und was muss ich hier wo einsetzen?

PHP

<div id="header" class="clearfix">
[COLOR="Red"]        <object width="160" height="112"
    data="<?php bloginfo('template_url') ?>/movie.swf"
    type="application/x-shockwave-flash">
  <param name="movie" value="<?php bloginfo('template_url') ?>/movie.swf">
</object>[/COLOR]


    <div id="search">
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <input type="text" value="search..." name="s" id="s" onfocus="if (this.value == 'search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search...';}" />
    </form>
    </div>

Alles anzeigen

Zitat

Wo sollte meine *.swf-Datei liegen?

Im Themeverzeichnis.

believer

Habe folgendes in die header.php eingebaut, es läuft aber nicht, wofür es mit Sicherheit einen/ mehrere Gründe gibt, oder?

PHP

<div id="header" class="clearfix">
       <object width="1000" height="145"
    data="<?php bloginfo('http://www.gospel-life.de/wp-content/themes/iReal-Estate_122/gospel_Ani/glitzer_Ani') ?>/glitzer.swf"
    type="application/x-shockwave-flash">
  <param name="glitzer" value="<?php bloginfo('http://www.gospel-life.de/wp-content/themes/iReal-Estate_122/gospel_Ani/glitzer_Ani') ?>/glitzer.swf">
</object>

marX

Zitat von believer

Habe folgendes in die header.php eingebaut, es läuft aber nicht, wofür es mit Sicherheit einen/ mehrere Gründe gibt, oder?

:-) Der wichtigste: bloginfo('template_url') liefert dir automatisch die URL zu deinem Theme-Verzeichnis. Bau das erstmal so ein. Also wie oben, nur den Dateinamen selbst - movie.swf - änderst du ab.

believer

Danke, wusst ich`s doch...
aber es gibt jetzt gar keinen Header mehr zu sehen! Klappt nicht. Woran kann das liegen?

marX

Also hier (Firefox 3.04 und Opera 9.62 / WinXP) siehts gut aus, das Flash wird angezeigt.
<param> solltest du mal noch XHTMl-konform schließen: <param [COLOR="Red"]/[/COLOR]> (hatte es aus einer HTML-Quelle kopiert)
Welchen Browser nutzt du?

Aber weißt du dass deine Seite verdamt langsam lädt? Mehr als 1 Minute bevor überahupt was zurück an den Browser gesendet wird, und dann nochmal ca. 20s bis die Seite komplett geladen ist... :shock:

believer

Ja, sie läuft grottenlangsam, habe das bisher nicht rausgefunden. Habe nur 2 Witgets, an denen es offensichtlich nicht liegt. Wie bekomme ich das schneller?

Nutze Firefox 3.0.4, und es ist bei mir nichts zu sehen...

believer

Super, jetzt läuft Flash nach <param [COLOR=Red]/[/COLOR]> Eintrag!
Danke für Deine super schnelle Hilfe!!!!!!!!!!!

Wie kann ich nun die Schnelligkeit der Seite erhöhen?
Danke schon mal im Voraus

believer

Upps....
Ich sehe gerade, daß nun unter dem Header ein weißer Balken ist, in dem die Search-Funktion auftaucht. Es sollte hier keinen Balken geben...:?

marX

Zitat von believer

Nutze Firefox 3.0.4, und es ist bei mir nichts zu sehen...

Drück mal Strg+F5, oder leere mal den Browsercache.

Zitat

Ja, sie läuft grottenlangsam, habe das bisher nicht rausgefunden. Habe nur 2 Witgets, an denen es offensichtlich nicht liegt. Wie bekomme ich das schneller?

Such mal im Forum nach "langsam", da findest du einige Threads. Ich würde erstmal versuchen herauszufinden, warum WP bei dir so langsam ist, und obs an dir liegt:
http://forum.wordpress-deutschland.org/allgemeines/42…er-langsam.html

Eventuell können serverseitige Caches helfen, entweder per WP-Plugin:
http://forum.wordpress-deutschland.org/allgemeines/42…d-probleme.html

oder mit einem OpCode-Cache wie eAccelerator:
http://forum.wordpress-deutschland.org/allgemeines/42…erformance.html

Aber das gehört nicht in diesen Thread, häng dich vielleicht an einen (1!) bestehenden dran.

believer

Wie bekomme ich den weißen Balken unter dem Header weg? War vor dem Einbau der *swf-Datei nicht da...

Danke für die Tipps zur Schnelligkeit, werde da gleich mal nachschauen...:)

marX

Zitat von believer

Wie bekomme ich den weißen Balken unter dem Header weg? War vor dem Einbau der *swf-Datei nicht da...

Der wo rechts dann die "Suche" ist? Da musst du die Suche anders positionieren (CSS), aber ich weiß jetzt nicht, ob du die über das Flashmovie legen kannst. Eventuell hilft da

HTML

<param name="wmode" value="transparent" />

als Parameter für das Flash-Objekt.

Zitat

Danke für die Tipps zur Schnelligkeit, werde da gleich mal nachschauen...:)

Viel Erfolg dabei! :-)

believer

Wo schreibe ich denn <param wmode="transparent" /> genau hin? Habe mehrere Varianten ausprobiert

PHP

<div id="header" class="clearfix">
       <object width="1000" height="145"
    data="<?php bloginfo('template_url') ?>/glitzer.swf"
    type="application/x-shockwave-flash">
  <param name="glitzer" value="<?php bloginfo('template_url') ?>/glitzer.swf"> <param />
</object>


    <div id="search">
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <input type="text" value="search..." name="s" id="s" onfocus="if (this.value == 'search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search...';}" />
    </form>
    </div>

Alles anzeigen

marX

Zitat von believer

Wo schreibe ich denn <param wmode="transparent" /> genau hin? Habe mehrere Varianten ausprobiert

Zwischen <object...> und </object>. Z.B.:

PHP

<object width="1000" height="145"
    data="<?php bloginfo('template_url') ?>/glitzer.swf"
    type="application/x-shockwave-flash">
  <param name="glitzer" value="<?php bloginfo('template_url') ?>/glitzer.swf" />
  [COLOR="Red"]<param name="wmode" value="transparent" />[/COLOR]
</object>

believer

Das hat leider nicht funktioniert.
Nachdem ich bei der style.css einmal folgendes im Bereich Header Styles entfernt hatte,

PHP

#header #search {
        display: block;
        width: 200px;
        float: right;
        text-align: right;
        margin: 0px; padding: 0px 20px 0px 0px;
}
#search form {
        display: block;
        margin: 0px; padding: 0px 0px 0px 0px;
}
#search input {
        margin: 0px; padding: 3px;
        background: #FFF;
        border: 1px solid #454545;
}

Alles anzeigen

war zwar der weiße Balken weg, aber das Search-Feld schrieb sich über der Menüleiste auf der linken Seite.
Was kann ich hier schreiben/ ändern?

marX

Absolute/relative Positionierung ist hier gefragt, mit float kommst du nicht mehr weiter, da sich ja das gesamte Header-Markup durch das Flashfilmchen geändert hat.
:arrow: position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Code

#header #search {
position:absolute;
top:123px;
left:123px;
}

(nur beispielhaft)

Oder du baust die Suche woanders ein, ist wahrscheinlich die bessere Lösung.

PS: ich hatte noch nen Fehler wegen dem wmode/transparent drin, ich editier das mal noch oben.

believer

Es hat super gut gefunzt!!! Alles Bestens!
Habe entsprechend in der CSS die Werte gesetzt und es klappt!
Man, bin ich froh :-D
Dickes Lob für Deine Hilfe.
G, believer

believer

Obwohl ich jetzt nichts an der Seite verändert habe, taucht plötzlich der Header nicht mehr auf..
Was ist da passiert? Alle Einstellungen stimmen, Cache wurde gelöscht. Nutze Firefox 3.0.4 aber auch beim IE gehts nicht... :(

flobster

Also da ich deinen Flash Header jetzt auch nicht sehen kann, weiß ich auch nicht, was Du denn darstellen willst. Evtl. gibt es auch ein Problem durch fehlende flashseitige Sicherheitseinstellungen (Stichwort allownetworkin bzw. allowscriptaccess), welche durch den restriktiveren neuen Flashplayer hervorgerufen werden. Über kurz oder lang wirst Du allein mit dem Object-Code wohl aber auch nicht glücklich, da der IE noch nach dem <embed> Code verlangt. Die sauberste Lösung wäre sicherlich, etwas wie z.B. swfObject einzusetzen. Das gibt dir obendrein auch eine bessere Möglichkeit, alternativen Inhalt für flash-lose Besucher anzugeben (benötigt allerdings auch Javascript).

marX

Zitat von flobster

Evtl. gibt es auch ein Problem durch fehlende flashseitige Sicherheitseinstellungen (Stichwort allownetworkin bzw. allowscriptaccess), welche durch den restriktiveren neuen Flashplayer hervorgerufen werden.

Solange das Flashmovie nicht mit Elementen der HTML-Seite interagiert brauchts die Optionen logischerweise nicht.

Zitat

Über kurz oder lang wirst Du allein mit dem Object-Code wohl aber auch nicht glücklich, da der IE noch nach dem <embed> Code verlangt.

So ein Schwachsinn. Alleine Netscape 4 benötigte das (nie zum HTML-Standard gehörende) <embed>-Element.

Zitat

Die sauberste Lösung wäre sicherlich, etwas wie z.B. swfObject einzusetzen. (benötigt allerdings auch Javascript)

Da stimme ich dir zu. :-)

Zitat

Das gibt dir obendrein auch eine bessere Möglichkeit, alternativen Inhalt für flash-lose Besucher anzugeben.

Das geht auch ohne SWFObject, schau dir einfach mal an wie <object> arbeitet.

believer: Das Flash ist da, zumindest wird das <object> intepretiert (rechte Maustaste ruft das Flash-Kontextmenü auf)... warum der Film fehlt kann ich dir aber nicht sagen... Versuchs vielleicht mal mit der angesprochenen SWFObject-Einbindung.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Flashdatei im Header einbinden

Jetzt mitmachen!