1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Floating corner banner/ad?

Discussion in 'Web Design' started by csc1990, Nov 17, 2011.

  1. csc1990

    csc1990 Registered Member

    Joined:
    Jun 29, 2010
    Messages:
    64
    Likes Received:
    11
    I want to place a banner in the corner of a site I am building. It will be basically just like the one on the Warrior Forum that prompts people to sign up for the 'war room.' How can I go about making this a reality?
     
  2. kvmcable

    kvmcable Supreme Member

    Joined:
    Dec 28, 2010
    Messages:
    1,355
    Likes Received:
    2,815
    Occupation:
    24 year business owner - old school dude
    Location:
    KFC - BW3
    Code:
    <div class="angular_advertisement angadver_bottom angadver_right">
    <a href="http://www.warriorforum.com/warrior-forum-news/119745-warrior-forum-going-back-paid-status.html" target="_blank">
    <img border="0" src="http://www.warriorpro.com/banner-02.gif" alt="War Room" title="War Room">
    </a>
    </div>
    
    
    Then you need the 3 classes in your style sheet

    Code:
    .angadver_bottom {
        bottom: 0;
    }
    
    .angadver_right {
        right: 0;
    }
    
    .angular_advertisement {
        position: fixed;
    }
    
    That should get you close. Good luck
     
    • Thanks Thanks x 2
    Last edited: Nov 17, 2011
  3. kvmcable

    kvmcable Supreme Member

    Joined:
    Dec 28, 2010
    Messages:
    1,355
    Likes Received:
    2,815
    Occupation:
    24 year business owner - old school dude
    Location:
    KFC - BW3
    Oh and it's not floating - it's fixed at bottom right ;)
     
    • Thanks Thanks x 1