vslider in Header einpassen

aDek · 09.07.2012

Hallo zusammen,

ich hätte mal wieder eine Frage. Ich mache mit einem Kumpel gerade eine WP Seite dort wollten wir einen Slider in den Header einbauen bzw. zwischen Header und der darunterliegenden Navigationsleiste. Doch irgendwie will das nicht so wie ich will.

Entweder bekomm ich es nur über den Header (die USA Flagge mit dem Namen drin) oder eben unter die Navigationsleiste. Könnt mir jemand sagen wo im Header ich den Code für den slider einfügen muss das er dazwischen ist? Der Slider wird das wo man derzeit das grüne Bild mit dem text Super HD drin sieht.

Hier die Seite zur Ansicht www.suppranking.com

Vielen Dank vorab.
Nächtliche Grüße
aDek

randacek_pro · 10.07.2012

AW: vslider in Header einpassen

Hallo, du hast den Slider in den head-Bereich der Website eingebaut. Das geht so schon mal nicht.
Der Slider muss genauso in den body, wie aller anderer content auch.
Dort setzt du den Slider an der Stelle ein, wo der Abschnitt über den "header" also diese US-Flagge, beendet ist und bevor die NavBar anfängt.
Wenn ich mal so frei sein darf, den Code deiner Site zur Verdeutlichung zu verwenden, ich kürze aber ein wenig...

HTML:

<body class="home blog">
<div id="art-page-background-glare-wrapper">
    <div id="art-page-background-glare"></div>
</div>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner">
                <script type="text/javascript" src="http://www.suppranking.com/wp-content/themes/supp/swfobject.js"></script>
                <script type="text/javascript">
                jQuery((function (swf) {
                    return function () {
                        swf.switchOffAutoHideShow();
                        swf.registerObject("art-flash-object", "9.0.0", "http://www.suppranking.com/wp-content/themes/supp/expressInstall.swf");
                    }
                })(swfobject));
                </script>
                <div id="art-flash-area">
                <div id="art-flash-container">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="992" height="200" id="art-flash-object">
                    <param name="movie" value="http://www.suppranking.com/wp-content/themes/supp/container.swf" />
                    <param name="quality" value="high" />
                    <param name="scale" value="default" />
                    <param name="wmode" value="transparent" />
                    <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.30&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=http://www.suppranking.com/wp-content/themes/supp/images/flash.swf&amp;radius=15&amp;clipx=0&amp;clipy=-24&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=992&amp;cliph=248&amp;width=992&amp;height=200&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBottomCorners=true" />
                    <param name="swfliveconnect" value="true" />
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="http://www.suppranking.com/wp-content/themes/supp/container.swf" width="992" height="200">
                        <param name="quality" value="high" />
                        <param name="scale" value="default" />
                        <param name="wmode" value="transparent" />
                        <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.30&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=http://www.suppranking.com/wp-content/themes/supp/images/flash.swf&amp;radius=15&amp;clipx=0&amp;clipy=-24&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=992&amp;cliph=248&amp;width=992&amp;height=200&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=true&amp;hasBottomCorners=true" />
                        <param name="swfliveconnect" value="true" />
                    <!--<![endif]-->
                        <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
                    <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
                </div>
                </div>
                <div class="art-logo">
                                                <h1 class="art-logo-name"><a href="http://www.suppranking.com/"></a></h1>
                                                                    <h2 class="art-logo-text"></h2>
                                </div>
                </div>
            </div>
        </div>
    </div>
    
  <div id="SupprankingSlidercontainer">
    <div id="SupprankingSlider">       
        <a href="" style="background:#fff;" target="">
           <img src="http://www.suppranking.com/wp-content/plugins/vslider/timthumb.php?src=%2Fwp-content%2Fuploads%2F2012%2F07%2FBanner1.jpg&amp;w=980&amp;h=200&amp;zc=1&amp;q=80" style="width:980px;height:200px;" alt="" />
         </a>
    </div>
   </div>

<div class="cleared reset-box"></div>
    <div class="art-bar art-nav">
        <div class="art-nav-outer">
        <div class="art-nav-wrapper">
        <div class="art-nav-inner">
.
.
.
</body>

Das mal so als schnelle nächtliche Hilfe

Viele Grüße

aDek · 10.07.2012

AW: vslider in Header einpassen

Hallo randacek,

danke für deine Hilfe. Ich hatte mich heute Nacht fast schon in die Verzweifelung gegooglt überall stand in den Header. Aber vielleicht meinten die ja auch etwas . Ich sage aufjedenfall mal Danke für die schnelle Hilfe.

Gruß
Tasty

sivedi · 10.07.2012

AW: vslider in Header einpassen

Mit Header wird der obere Teil der Ausgabe gemeint.
Nicht zu verweechseln mit dem HEAD-BEREICH im Script.

header
-------
content
--------
footer

aDek · 10.07.2012

AW: vslider in Header einpassen

Hallo,

mist jetzt habe ich es doch verwechselt.

Also der slider wird in die Header.php eingebaut bei Wordpress das stimmt oder?
Dort kommt es dann dort hin wo die Navleiste beginnt?

Mal schauen ob es klappt.

Gruß
adek

Edit: Danke an euch alle für die Hilfe. Wie immer 1a gewesen. Stelle nach ein wenig probieren gefunden und jetzt kann der Slider dort schön eingefügt werden. Danke nochmal.

aDek · 10.07.2012

AW: vslider in Header einpassen

Hallo,

sorry für den Doppelpost. doch leider habe ich jetzt gleich das nächste Problem mit dem Slider.

Mitlerweile ist er dort wo er hin soll aber jetzt wird das Bild nicht mehr angezeigt. Könnte mir jemand weiterhelfen bitte?

Gruß
adek