How to add side banners for webpage (5 posts)

  1. jainamitonline
    Posted 2 years ago #

    I want to add fixed banners on both side of my website. My website has fixed width of 800px. so there is an empty space on both side of webpage.
    Many websites have started to use this space for ads for example: http://economictimes.indiatimes.com/

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    These forums are for self-hosted WordPress sites only. That does not appear to be a WordPress site.

  3. Michael
    Forum Moderator
    Posted 2 years ago #

    adding fixed html containers outside the boundaries of a theme is a pure html excercise (not much to do with WordPress).
    keyword: css positioning

    if you would like to get any suggestions, please post a link to your own site to illustrate where you want the banners.

  4. jainamitonline
    Posted 2 years ago #

    the above link was for example.
    my site is http://www.iseetexam.com/

  5. Michael
    Forum Moderator
    Posted 2 years ago #

    possibly add the divs for the banners just after <div id="header"> into header.php of your theme;

    <div class="banner-left">whatever code for left banner</div>
    <div class="banner-right">whatever code for right banner</div>

    necessary css:

    #header { position: relative; }
    #outer-wrapper { padding-left: 160px; padding-right: 160px; }
    .banner-left, .banner-right {
    position: absolute; top: 175px;
    width: 150px; min-height: 400px;
    background: #eee; }
    .banner-left { left: -160px;  }
    .banner-right { right: -160px; }


    imho, extra banners will only deter users with a normal browser screen size - http://browsersize.googlelabs.com/

Topic Closed

This topic has been closed to new replies.

About this Topic