Help Newbie with repeating Header Image.

  • Ok Guy’s and Gal’s I’m really stuck here. I’m Very much of a newbie. Been working on Styling a Twenty Ten Child Theme.

    I can’t provide a link to it because I’m self hosting it on Bitnami WordPress stack

    It’s surprisingly truned out pretty well. However with that said, I wanted to create a “div” so that I could add an image
    and extend it behind the header going the intire width of the screen by repeating in X.

    But when I try to add a div I’m doing it in the header.php and the graphic only stay’s inside of the header!

    Where would I add a div to achieve this affect?

    Can anyone tell this “Newbie” just what he is screwing up on!

    Thanks below is the code for the header.php If I do add a div there could you tell me where so
    that it works this time.

    Thanks and any and all help would be very. VERY much appreciated.

    </head>

    <body <?php body_class(); ?>>

    <div id=”wrapper” class=”hfeed”>
    <div id=”header”>

    <div id=”masthead”>

    <div id=”branding” role=”banner”>
    <?php $heading_tag = ( is_home() || is_front_page() ) ? ‘h1’ : ‘div’; ?>
    <<?php echo $heading_tag; ?> id=”site-title”>
    <span>
    ” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?>
    </span>
    </<?php echo $heading_tag; ?>>
    <div id=”site-description”><?php bloginfo( ‘description’ ); ?></div>

    <?php
    // Check if this is a post or page, if it has a thumbnail, and if it’s a big one
    if ( is_singular() && current_theme_supports( ‘post-thumbnails’ ) &&
    has_post_thumbnail( $post->ID ) &&
    ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
    $image[1] >= HEADER_IMAGE_WIDTH ) :
    // Houston, we have a new header image!
    echo get_the_post_thumbnail( $post->ID );
    elseif ( get_header_image() ) : ?>
    <img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” />
    <?php endif; ?>
    </div><!– #branding –>

    <div id=”access” role=”navigation”>
    <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
    <div class=”skip-link screen-reader-text”>“><?php _e( ‘Skip to content’, ‘twentyten’ ); ?></div>
    <?php /* Our navigation menu. If one isn’t filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
    <?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘header’ ) ); ?>

    </div><!– #access –>

    </div><!– #masthead –>

    </div><!– #header –>

    <div id=”main”>

  • The topic ‘Help Newbie with repeating Header Image.’ is closed to new replies.