Adding a Header Image in Contempt Theme

  • Resolved mercurylime

    (@mercurylime)


    19 years ago

    Hey guys,

    I’ll start off by saying I’m not that great with CSS.
    Anyway, I put the ‘contempt’ theme on my new blog (www.mercurylime.net), and I’m trying to add my own image header instead of the default gradient w/ text.

    I can get rid of the text fine; my main problem is locating and removing the code for the gradient and replacing it with the code for my image.

    Here’s the header.php code:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;

    <head profile=”https://gmpg.org/xfn/11″&gt;
    <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=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <?php wp_get_archives(‘type=monthly&format=link’); ?>

    <?php wp_head(); ?>
    </head>
    <body style=”background: url(<?php bloginfo(‘stylesheet_directory’); ?>/images/blue_flower/bg.jpg) repeat-y top center #AAAAAA fixed;”>

    <div id=”page”>

    <div id=”topbar”>
    <div class=”alignleft”>
       Random Post:
    <?
    $post=$wpdb->get_results(“SELECT ID,post_title,guid FROM $wpdb->posts
    WHERE post_status= \”publish\” ORDER BY RAND() LIMIT 1″);
    $p=$post[0];
    echo (‘guid . ‘”>’ . $p->post_title . ‘‘);
    ?>
    </div>
    ” title=”RSS .92″>RSS .92| ” title=”RSS 2.0″>RSS 2.0|
    ” title=”ATOM 0.3″>ATOM 0.3
    </div>

    <div id=”header”>
    <div id=”headerimg” background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/MercBG.jpg”)

    <h1>“><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?></div>
    </div>
    </div>

    <div id=”pagebar” style=”background: url(<?php bloginfo(‘stylesheet_directory’); ?>/images/blue_flower/pagebar.jpg);”>
    <li class=”page_item”>“>Home
    <?php wp_list_pages(‘title_li=’); ?>
    </div>

    <div id=”grad” style=”height: 65px; width: 100%; background: url(<?php bloginfo(‘stylesheet_directory’); ?>/images/blue_flower/topgrad.jpg);”>
     
    </div>

    —————————–

    The part I tried to change was:

    <div id=”header”>
    <div id=”headerimg” background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/MercBG.jpg”)
    ——————————

    …but it didn’t work.
    Anybody experienced enough with CSS to explain how to put my image in here?

    Thanks,
    – M

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding a Header Image in Contempt Theme’ is closed to new replies.