WordPress.org

Support

Support » Themes and Templates » How to add side banners for webpage

How to add side banners for webpage

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    @wpyogi

    Forum Moderator

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

    Michael

    @alchymyth

    Forum Moderator

    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.

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

    Michael

    @alchymyth

    Forum Moderator

    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/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add side banners for webpage’ is closed to new replies.
Skip to toolbar