SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Jan 2005
    Location
    md
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Code for SitePoint's footer advertisements

    Does anyone know the code or at least how it would be done, for the footer ad that slides up occasionally throughout sitepoint?

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    They call it a catfish. Easily found on google.

  3. #3
    He's No Good To Me Dead silver trophybronze trophy stymiee's Avatar
    Join Date
    Feb 2003
    Location
    Slave I
    Posts
    23,449
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)

  4. #4
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I made an example, but I assume theres is better

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>Untitled Document</title>
            <link rel="stylesheet" type="text/css" media="screen" />
            <style type="text/css">
                * {
                    margin: 0;
                    padding: 0;
                }
                #ad {
                    width: 100&#37;;
                    height: 50px;
                    line-height: 50px;
                    background-color: #000;
                    color: #fff;
                    text-align: center;
                    position: absolute;
                    bottom: 0;
                }
            </style>
            <script type="text/javascript">
                function showAd() {
                    var el = document.getElementById('ad');
                    move(true, -50);
                }
                function move(appear, val) {
                    if(appear) {
                        var el = document.getElementById('ad');
                        el.style.bottom = (val + 1) + 'px';
                        if(val < 0) {
                            setTimeout(function() {
                                move(appear, val + 1);
                            }, 15);
                        }
                    }
                }
                window.onload = showAd;
            </script>
        </head>
    
        <body>
            
            <div id="ad">
                I'm appearing - Woo Hoo!
            </div>
    
        </body>
    </html>


  5. #5
    SitePoint Enthusiast
    Join Date
    May 2004
    Location
    Grand Cayman
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I followed the tutorial, it works fine in IE7 & Firefox, but not in IE6. Can anyone think why this would be?

  6. #6
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi. Your example worked fine for me in both IE6 and IE7 under WinXP Professional.

    Brett


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •