WordPress.org

Ready to get started?Download WordPress

Forums

Insert Ad Below header image (3 posts)

  1. purenaturaldiva
    Member
    Posted 4 years ago #

    I'm trying to figure out how to insert a banner ad right below my banner image....

    My theme is the latest version of the Nature Theme.

    This is my HEADER CODE... I've tried inserting ad code in many places without success. It puts the ad above my header instead of below it, which is where I want it to go...

    I have a couple of screen shots that I've snapped of the ad in the wrong place... just can't figure out how to get it right!!!

    Will be very grateful for your help!!!
    Tania

    <!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">

    <head profile="http://geotags.com/geo">

    <title><?php wp_title(''); if (function_exists('is_tag') and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo wp_specialchars($s,1); } if ( !(is_404()) && (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?> | <?php } ?> <?php bloginfo('name'); ?></title>

    <meta http-equiv="content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen"/>

    <link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/favicon.ico"/>

    <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'); ?>"/>

    <script src="<?php bloginfo('template_directory'); ?>/js/addEvent.js" type="text/javascript"></script>

    <script src="<?php bloginfo('template_directory'); ?>/js/sweetTitles.js" type="text/javascript"></script>

    <script type="text/javascript">

    <!--

    function expandIt(getIt){

    getIt.style.display=(getIt.style.display=="none")?"":"none";

    }

    //--></script>

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

    <?php wp_head(); ?>

    </head>
    <meta name="verify-v1" content="IjDOgmPh+rQR+NOeXHMr0VWp9cnZ78OELHFTvI3auGY=" >
    <body>

    <div class="row">

    <h1>/"><?php bloginfo('name'); ?></h1>

    <?php include (TEMPLATEPATH . '/nav.php'); ?>

    </div>
    ------- INSERTED HERE -----

    <div id="side_ad" style="text-align:center">
    <img src="http://www.shareasale.com/image/Azuri_leaderboard_banner.jpg" border="0">

    ---- END ----
    <hr />

  2. ThorHammer
    Member
    Posted 4 years ago #

    Do you have any closing div on the side_ad? </div>.
    And in your style.css, what is the code for side_ad?

    #side_ad {width:???px;height:???px;padding:???px;float:???;clear:???}
    width & height & padding in pixels, float left or right, clear left.right or both.

    Your ad is not linked anywhere, I guess it should?

  3. purenaturaldiva
    Member
    Posted 4 years ago #

    The ad I'm using is just a test code...

    I missed the </div> when I pasted...

    So my test has looked like this:
    -------
    <div id="side_ad" style="text-align:center">
    <img src="http://www.shareasale.com/image/Azuri_leaderboard_banner.jpg" border="0">
    </div>
    -------

    I think this is the Style.css code you were asking for?

    -------
    #leftsidebar{padding:0;margin-top:0;margin-left:12px;margin-right:5px;font:1em Arial,Sans-Serif;

    color:#333;width:224px;float:left;overflow:hidden;}

    #leftsidebar form{margin:0;}

    #rightsidebar{margin-right:10px;float:right;font:1em Arial, Sans-Serif;

    color:#333;width:200px;padding:0;overflow:hidden;}

    #rightsidebar form{margin:0;}

    ---SOME OTHER CODE---- THEN MORE SIDEBAR ----

    #leftsidebar li a,#rightsidebar li a{display:block;}

    #leftsidebar li a,#rightsidebar li a,#footer li a{color:#84B204;}

    #leftsidebar li a:hover,#rightsidebar li a:hover,#footer li a:hover{background:#84B204;color:#333;}

    ------------------

    Did I get what you needed?

    Thanks,
    Tania

Topic Closed

This topic has been closed to new replies.

About this Topic