WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] how to insert a banner (8 posts)

  1. adelecaelia
    Member
    Posted 6 years ago #

    Hello,

    I am using this template http://www.guildvanaheim.com and I want to replace the words in the header, title ect... to a image banner. How do I do this?

    Thanks

  2. sandy820
    Member
    Posted 6 years ago #

    it's really quite simple, just make your header graphic and then upload it to that particular theme, image folder and change the stylesheet to the name of your header (which is usually header.gif, or header.jpg

    here is an example of my stylesheet for my theme i am using:

    #header-image {
    background-image:url('images/header.gif');
    background-color: #F7EEDB;
    border: 0px solid #000000;
    height: 200px;
    width: 946px;
    }

    if you need more help, let me know

    sandy :)

  3. adelecaelia
    Member
    Posted 6 years ago #

    Ok, I looked through my files and I don't have an image folder in the main section. I do have an image folder wihtin another folder. It is in the wp-includes folder. So would I put it in that image folder and do-

    #header-image {
    background-image:url('wp-includes/images/header.gif');
    background-color: #000;
    border: 0px solid #000000;
    height: 200px;
    width: 760px;
    }

    Also I don't have a style sheet in my files, just the one under design on the wordpress admin. Is that the one I edit?

  4. Taipans
    Member
    Posted 6 years ago #

    This is what we have so far:

    http://www.guildvanaheim.com

    Notice the banner image is "above" the area it needs to be in. We tried your method and nothing would happen. The only way I could get the image to show up at all is to edit the "Header.PHP" file.

    This is our header.php file,

    <!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">
    <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'); ?>" />
    <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(); ?>
    <img src="http://www.adelecaeliadesigns.com/guildvanaheim/wp-content/themes/blackletterhead-1-5/header.gif">
    </head>

    <body>
    <div id="page">
    <div id="header" onclick="location.href='<?php bloginfo('url');?>';"
    style="cursor:pointer;">
    <h1>"><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>

    The area above in bold is our file location, anyone have an idea where it actually needs to go?

    Thank you very much!

  5. adelecaelia
    Member
    Posted 6 years ago #

    Well it is somewhat working lol. Still not right.

  6. adelecaelia
    Member
    Posted 6 years ago #

    Yay! Got it. Had to replace the #header in the CSS sheet with this-

    #header {
    background-color: #000;
    border: 0px solid #000000;
    height: 200px;
    width: 760px;
    background-image: url(http://guildvanaheim.files.wordpress.com/2008/06/guildbanner31.jpg);
    }

    Thanks

  7. sandy820
    Member
    Posted 6 years ago #

    oh so sorry i dissappeared on you, but i had some things come up and i wasn't on the computer,
    oh but you got it and it looks great!

  8. adelecaelia
    Member
    Posted 6 years ago #

    Yes, and thanks a ton!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.