Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Derzeit habe ich drei Header-Bilder hochgeladen, die ich über WP zufällig laden lasse: http://www.ibayer-coaching.de.
Ich würde aber lieber eine Rolloverfunktion verwenden. Als Codebeispiel für den Header habe ich folgendes gefunden:
<div id="header">
<div id="head1">head01</div>
<div id="head2">head02</div>
<div id="head03">head03</div>
<div id="head04">head04</div>
</div>
Was muss ich genau im CSS anpassen, damit das Rollover funktioniert?
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.
Hallo
Du meinst wohl, dass sich das Bild bei einem Mouseover ändern soll, oder?
Das kannst du ganz einfach via CSS -> du brauchst dazu keine komplizierte HTML-Struktur.
Beispiel:
<html>
<head>
</head>
<body>
<div class="wrapper">
<header>
</header>
<div class="content"
</div>
<footer>
</footer>
</div>
</body>
</html>
CSS:
header {background-image: url(deineseite.tld/unterordner/images/header.png);
header:hover {background-image: url(deineseite.tld/unterordner/images/header_mouseover.png);LG, pixselig
Hallo Pixselig,
nicht ein Mouseover, sondern ein automatischer Bildwechsel, wie man es auf vielen neueren Webseiten beim "Herobild" bzw. Headerbild sieht.
Dann meinst du einen Slider. Mit diesem Begriff solltest du einige Plugins finden.
Ok, ich mache mich auf die Suche - danke.
Hallo Maxe,
so, ich habe ein Slider Plugin im Headerbreich eingefügt, nur ist die Anleitung: "Copy & paste this code into a template file to include the slideshow within your theme." etwas ungenau. Ich habe den Code: <?php echo do_shortcode("[huge_it_slider id='1']"); ?> in die Header.php eingefügt, wird auch angezeigt, aber leider übereinander. Wie bekomme ich nun das alte Headerbild heraus?
http://www.ibayer-coaching.de/
Das alte Headerbild wird sicher auch in der header.php definiert sein. Da einfach den Befehl raus löschen. Vielleicht irgendwas mit headerimg?!
.. wenn das so einfach wäre:
hier der Codepart der header.php, der sich irgendwie darauf beziehen sollte:
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<?php wp_head(); ?>
<?php echo do_shortcode("[huge_it_slider id='1']"); ?>
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
<div id="navbar" class="navbar">
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
<button class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></button>
<a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
<?php get_search_form(); ?>
</nav><!-- #site-navigation -->
</div><!-- #navbar -->
Hat jemand eine Idee, habe bei einem anderen Theme gesehen, dass das wohl eine etwas komplexere Sache ist.
Ich vermute das muss raus:
<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
Vorher das Original sichern.
Was mir noch aufgefallen ist:
<?php wp_head(); ?> gehört meiner Meinung nach nicht in den body sondern in den head.
Besten Dank, SirEctor. Ich probier's aus.
SirEctor,
funktioniert jetzt prima, bis auf ein seltsames Verhalten: Wenn ich auf den Tab "Kontakt" klicke, wird kurzzeitig ein Sliderbild ganz gross angezeigt, bevor die richtige Seite zu sehen ist, sieht aus wie eine "Übersprungshandlung" :-)?
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!