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

[HELP] How to...

Discussion in 'General Scripting Chat' started by killer86sg, Aug 24, 2009.

  1. killer86sg

    killer86sg Newbie

    Joined:
    Jun 9, 2009
    Messages:
    17
    Likes Received:
    6
    How to add opt in page like ref: potpiegirl.c0m??

    I already have a graphic.. so how can I insert it at the bottom and will stay at the bottom even after scrolling it?
     
  2. cyklotrial

    cyklotrial Regular Member

    Joined:
    Oct 13, 2008
    Messages:
    248
    Likes Received:
    82
    Location:
    Wonderland
    use css:
    HTML:
    <style type="text/css">
    #fixeddiv{position fixed;botom:0px; left:0px}
    </style>
    
    <div id="fixeddiv">SOME TEXT</div>
    
    regards Cyklotrial
     
    • Thanks Thanks x 1
  3. killer86sg

    killer86sg Newbie

    Joined:
    Jun 9, 2009
    Messages:
    17
    Likes Received:
    6
    where should i placed the <div>???? any specific place in the body??
     
  4. cyklotrial

    cyklotrial Regular Member

    Joined:
    Oct 13, 2008
    Messages:
    248
    Likes Received:
    82
    Location:
    Wonderland
    This "<div> it's only to show you how it should be done.
    If your "bar" witch u want to place at the bottom of the page is looking like that:


    again this is only an example:
    HTML:
    <div id="mybar">
     <div class="buttons">BUTTON!1 | BUTTON2 | BUTTON3</div>
     <div class="searchbox"><input type="text"></div>
    </div>
    Just add "position fixed;botom:0px; left:0px" to css for the main div. In this example main div is div with id="mybar"

    HTML:
    #mybar{
    position fixed;
    botom:0px;
    left:0px;}
    And now your bar is at the bottomof the page (screen) eaven if someone will scroll page.

    regards
    Cyklotrial