Wechselnder Header

Edyy425

Hallo liebe Wordpress Community.
Ich habe zu meinem Fall schon die letzten Forenseiten durchsucht, aber nichts brauchbares gefunden, außer dem hier >>Klick mich<< , das aber bei mir nicht funktioniert, da oberhalb meines Templates einfach ein header drübergelegt wird. Vielleicht habe ich das nur falsch verwendet. Ich weiß es nicht.

Aber kommen wir erst einmal zu meinem Problem:
Ich will einen sich wechselnden Header in meine Seite mit einbauen. Ob er sich nach einer Zeitvorgabe oder beim Neuladen der Seite ändert, ist nicht so wichtig.

Ich habe nicht so viel Ahnung mit dem Programmieren und der ganzen Geschichte, daher würde ich euch dankbar sein, wenn ihr mir detailliert beschreibt, wo ich was einfügen/ändern soll oder auch in welchen anderen Dateien in etwas verändern soll.

Hier ist das Template, das ich benutze:
http://newwpthemes.com/demo/AnimeOnline/
Ich beziehe mich bei diesem aber nicht auf die Slideshow im Bodybereich, sondern auf den richtigen Header im Hintergrund.

Ich wäre euch sehr dankbar, wenn mir einer helfen könnte, da ich mir nicht weiter zu helfen weiß.

Mit freundlichen Grüßen
Eddy425

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

Edyy425

Ich hab jetzt zwar schon Lösungen für wechselnde Bilder für Php gefunden und die auch ausprobiert, aber ich bekomme diese nicht an die Stelle, wo jetzt der Header liegt.

Meine wechselnden Bilder werden immer komplett oberhalb der eigendlichen seite eingefügt, selbst wenn ich bei header.php den php-code in die div-klasse einsetze, die den originalen header zuweist.

Wie gesagt, ich kenn mich da nicht so aus und würde mich über Hilfe freuen.

herrfischer

hilft das?

http://www.wprecipes.com/how-to-display…om-header-image

Edyy425

Es hilft mir bedinkt. Einerseits würde es damit wohl klappen und genau das reallisieren, was ich beabsichtige. Doch andererseits, weiß ich nicht genau, wo ich es einfügen soll, damit es da erscheint, wo es beabsichtigt ist.

Ich habe den Code jetzt wie folgt eingefügt, wobei ich meinen kompletten Header.php-Code angebe:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php function wp_initialize_the_theme() { if (!function_exists("wp_initialize_the_theme_load") || !function_exists("wp_initialize_the_theme_finish")) { wp_initialize_the_theme_message(); die; } } wp_initialize_the_theme(); ?>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php if(get_theme_option('featured_posts') != '' && is_home()) {
?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2-more.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.transitions.js" type="text/javascript"></script>
<?php } ?>
<!--[if IE 6]>
    <script src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
<![endif]--> 
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<script src="<?php bloginfo('template_directory'); ?>/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />
<!--[if lt IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!-- Load the MenuMatic Class -->
<script src="<?php bloginfo('template_directory'); ?>/menu/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>


<?php echo get_theme_option("head") . "\n";  wp_head(); ?>
</head>
<body>
<script type="text/javascript">
    window.addEvent('domready', function() {            
            var myMenu = new MenuMatic();
    });    
</script>


    <div id="wrapper">
    
    <?php
$result_random=rand(1, 99);


if($result_random<=33){ ?>
    <div id="header" style="background:transparent url(images/1.jpg) no-repeat top center;">
<?php }


elseif($result_random<=66){ ?>
    <div id="header" style="background:transparent url(images/2.jpg) no-repeat top center;">
<?php }


elseif($result_random<=99){ ?>
    <div id="header" style="background:transparent url(images/3.jpg) no-repeat top center;">
<?php } ?>


<!-- Header code goes here -->


</div>
        <div id="container" class="container">  
            <div class="span-24">
                <div class="span-21">
                    <div id="pagemenucontainer">
                        <?php
                    if(function_exists('wp_nav_menu')) {
                        wp_nav_menu( 'depth=1&theme_location=menu_1&menu_id=pagemenu&container=&fallback_cb=menu_1_default');
                    } else {
                        menu_1_default();
                    }
                    
                    function menu_1_default()
                    {
                        ?>
                        <ul id="pagemenu">
                            <li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
                            <?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' ); ?>
                        </ul>
                        <?php
                    }
                    
                ?>
                    </div>
                </div>
                
                <div class="span-3 feedtwitter last">
                    <a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/rss.png"  style="margin:0 4px 0 0;"  /></a>        
                    <?php if(get_theme_option('twitter') != '') { ?><a href="<?php echo get_theme_option('twitter'); ?>" title="<?php echo get_theme_option('twittertext'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter.png"  style="margin:0 4px 0 0; "  title="<?php echo get_theme_option('twittertext'); ?>" /></a><?php } ?>
                </div>
            </div>
                <div id="header" class="span-24">
                    <div class="span-12">
                        <?php
                        $get_logo_image = get_theme_option('logo');
                        if($get_logo_image != '') {
                            ?>
                            <a href="<?php bloginfo('url'); ?>"><img src="<?php echo $get_logo_image; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" class="logoimg" /></a>
                            <?php
                        } else {
                            ?>
                            <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                            <h2><?php bloginfo('description'); ?></h2>
                            <?php
                        }
                        ?>
                        
                    </div>
                    
                    <div class="span-12 last">
                        <div style="padding: 26px 0 0 0; text-align:right;">
                          <?php echo get_theme_option('ad_header'); ?>
                        </div>
                    </div>
                </div>
            
            <div class="span-24">
                <div id="navcontainer">
                    <?php
                    if(function_exists('wp_nav_menu')) {
                            wp_nav_menu( 'theme_location=menu_2&menu_id=nav&container=&fallback_cb=menu_2_default');
                        } else {
                            menu_2_default();
                        }
                        
                        function menu_2_default()
                        {
                            ?>
                            <ul id="nav">
                                <li <?php if(is_home()) { echo ' class="current-cat" '; } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
                                <?php wp_list_categories('depth=3&exclude=1&hide_empty=0&orderby=name&show_count=0&use_desc_for_title=1&title_li='); ?>
                            </ul>
                            <?php
                        }
                    ?>
                </div>
            </div>

Alles anzeigen

Und hier der Anfang der style.css Datei, wobei ich den normalen Header ausgeschaltet habe:

Code

/* LAYOUT */


body {
    background: #F9F4FC url(images/bg.png) top left repeat-x;
    }


#wrapper {
/*    --- ausgeschaltet ---


    background: url(images/1.jpg) center top no-repeat;
*/


    }


#container {
    }


#contentwrap {
    background: #E6E4E7;
    }


a {
    color: #8DAB05;
    }


a:hover {
    color: #F2540E;
    }
/* HEADER */
[...]

Alles anzeigen

Ich habe den php-code für den Zufallsheader einmal in der dev-klasse von "wrapper" geschrieben und einmal versuchsweise direkt nach <body>. Beide Male kam dasselbe Ergebnis raus, wie man es unten bei den Screenshots sehen kann. Vielleicht setze ich ihn nur an der verkehrten Stelle. Ich weiß es nicht. Jedoch sollte sich das Tempalte im Header Bereich nicht so verziehen, wie bei den Bildern unten zu sehen ist.
Ich hoffe, man kann mir weiterhelfen~

Hier die Seite mit eigefügten Code im Header.php:
http://s14.directupload.net/file/u/23390/dgzz4y6t_jpg.htm

Hier die Originalseite:
http://s14.directupload.net/file/u/23390/4n7qya3z_jpg.htm

herrfischer

das hier soll eine sehr einfache methode sein:

http://sonspring.com/journal/easy-random-css-backgrounds

Edyy425

Es funktioniert leider nicht. Ich bekomme zwar mein Template korrekt angezeigt, aber der Header bleibt ganz weg.

Ich habe 3 Bilder (so benannt: 1.jpg|2.jpg|3.jpg), in das Verzeichnis von "rotator.php" gelegt. rotator.php ist auch wirklich php und kein Textdokument und in die php habe ich den kompletten Text von hier kopiert:
http://www.alistapart.com/d/randomizer/rotate.txt

In der style.css datei habe ich wie man unten sieht den angegebenen code für css eingegeben. Sogar zwei mal^^ Ich habe auch bei "rotator.php" das $folder-Verzeichnis geändert, aber es blieb beim alten. Sprich es funktioniert nicht.

Mit dem XHTML-Code habe ich nichts angestellt. Dachte, der wäre nur die selbe Lösung, aber eben für xhtml. Daher kommt der nirgendswo bei mir vor. Ich habe nun wieder keine Ahnung, was ich falsch gemacht habe^^ Habe die englischen Anweisungen so gut wie es ging befolgt. Wenn es funktioniert hätte, wäre es klasse. Wusste gar nicht, dass man aus css heraus so einfach eine php-datei ansteuern kann.

Ich würde mich über weitere Hilfe freuen und Ihnen, "herrfischer", für ihre bisherigen Lösungsvorschläge danken.

Code

/* LAYOUT */


body {
    background: #F9F4FC url(images/bg.png) top left repeat-x;
    }
#rotator {
  background: url(images/rotator.php) no-repeat center top;
  width: 1491px;
  height: 419px;
}
#wrapper {


    background: url(images/rotator.php) no-repeat center top;
/*    --- ausgeschaltet ---


    background: url(images/1.jpg) center top no-repeat;
*/


    }


#container {
    }


#contentwrap {
    background: #E6E4E7;
    }


a {
    color: #8DAB05;
    }


a:hover {
    color: #F2540E;
    }
/* HEADER */

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wechselnder Header

Jetzt mitmachen!