<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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 bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <?php wp_head(); ?> </head> <body> <div id="page_top"> <div id="page"> <div id="header"> <div id="header_top"> <div id="header_title"> <?php bloginfo('name'); ?> | <span><?php bloginfo('description'); ?></span> </div> </div> <div id="header_end"> <div id="menu"> <a href="<?php echo get_option('home'); ?>/">HOME</a><?php $my_query = new WP_Query('post_type=page&orderby=name&order=ASC'); ?> </img> <?php while ($my_query->have_posts()) : $my_query->the_post(); if( $post->post_parent == 0 ) {?> | <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> </td> <?php } endwhile; ?> </div> <div id="menu_search_box"> <form method="get" id="searchform" style="display:inline;" action="<?php bloginfo('home'); ?>/"> <span>Search: </span> <input type="text" class="s" value="<?php the_search_query(); ?>" name="s" id="s" /> <input type="image" src="<?php bloginfo('stylesheet_directory'); ?>/images/go.gif" value="Submit" class="sub" /> </form> </div> </div> </div> <div id="blog"> <div id="blog_top"> <div id="blog_left"> <?php get_sidebar(); ?> </div> <div id="blog_center"> Code (markup): That is my header code in WP. I need to get an image in place of it (prepsx.com/nfl) How do I do so?
<?php bloginfo('name'); ?> | <span><?php bloginfo('description'); ?> Replace this with. <img src="Image URL" alt="Any Text you want to appear, when the image is not loaded"> This will replace your Blog Name with the Image.
I'm confused -- what does that mean? I've uploaded nflblogheader1.jpg to my public_html/nfl folder.. should I upload it to something like pub_html/nfl/wp-content/uploads ?
Not Necessarily. But do this. You uploaded your Image for e.g. in Public_html/nfl/Image01.gif Now in the Image URL: <img src="nfl/Image01.gif" alt="Any Text you want to appear, when the image is not loaded">
When I load the image, it's grossly disproportionate. How do I get it to seamlessly replace the blue bar currently on the screen? It currently takes up about half of that space when I upload it. (prepsx.com/nfl)
<img src="nfl/image01.jpg width="Your Header Width" height="Your Header Heigh" border=0"> Well You can use this one. But make sure your header has resolutions more than this or atleast equal to the Widths and heights, you mention here.