WordPress.org

Ready to get started?Download WordPress

Forums

How to add side banners for webpage (5 posts)

  1. jainamitonline
    Member
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year ago #

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

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

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

    <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; }

    http://www.w3schools.com/css/css_positioning.asp

    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