Results 1 to 9 of 9

Thread: Footer as webnhanh

  1. #1
    Join Date
    Aug 2011
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Footer as webnhanh

    Hello I'm a new menber, I like a footer of webnhanh.vn
    I wonder that Dynamic drive has instucted to make a footer as webnhanh.vn or not. If possible, please give a link for reference. Thanks a lot.
    Last edited by jscheuer1; 09-05-2011 at 08:05 AM. Reason: remove hotlink

  2. #2
    Join Date
    Aug 2011
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    No body knows.

  3. #3
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Here is something to start with:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Fixed Slide-Up Footer</title>
    <style type="text/css">
    body {
        margin:0;
        padding:0;
    }
    #footer {
        position:fixed;
        width:100%;
        height:60px;
        bottom:-60px;
        background:#CCC;
    }
    h1, h2 {
        text-align:center;
    }
    #content {
        width: 600px;
        margin:0 auto;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) { 
     $('#footer').delay(1200).animate({bottom: "0px"}, 2000);   
    });
    </script>
    </head><body>
    
    <h1>Fixed Slide-Up Footer</h1>
    
    <div id="content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas, nisl et dignissim semper, risus mauris ornare sem, vitae consequat augue neque sed urna. Donec molestie felis vitae sapien rhoncus laoreet. Fusce dapibus pulvinar libero, ut aliquet purus bibendum ac. Donec et sagittis tellus. Aliquam erat volutpat. Donec laoreet, elit at feugiat fringilla, tellus dui ultrices sapien, rhoncus ullamcorper eros urna porttitor ipsum. Donec nec lectus sit amet erat tincidunt tincidunt. Curabitur tincidunt vulputate pharetra. Curabitur id arcu in velit facilisis posuere. Maecenas ullamcorper risus in elit hendrerit at malesuada odio placerat. Etiam eget orci dui, sed rutrum sapien. Donec accumsan dapibus ante vitae auctor. Praesent ac lectus justo. Quisque at magna non enim auctor sollicitudin eu eu turpis. Maecenas imperdiet porttitor nunc, vitae congue tellus volutpat at.
    
    Fusce quam metus, imperdiet pulvinar vestibulum vel, suscipit id turpis. Pellentesque nibh justo, ultrices in volutpat a, viverra eget nulla. Aliquam eget nulla quis purus mollis vehicula. In hac habitasse platea dictumst. Pellentesque bibendum nulla in purus ornare tristique. Duis suscipit volutpat leo ut viverra. Fusce id metus nibh. Nullam nec dolor magna, id iaculis massa.
    
    Vestibulum orci tortor, ultricies vitae accumsan at, porttitor interdum leo. Mauris nec pulvinar ligula. Ut diam metus, tincidunt sit amet cursus ut, rutrum vitae dolor. Vivamus lobortis, lectus at fringilla porta, enim nunc iaculis dui, ac imperdiet lacus justo lobortis erat. Mauris fringilla lacus quis erat pulvinar sodales. Donec dignissim elit sit amet risus rhoncus tincidunt. Nulla tincidunt neque eget erat consequat vel posuere nunc commodo. Vestibulum sapien nunc, mattis non scelerisque ac, porttitor et libero. Nam eu leo id purus aliquam rhoncus. Sed aliquet eros nec augue venenatis ultricies. Donec ornare mi eu massa ultricies ut venenatis nulla blandit. Donec elementum, est eu egestas venenatis, neque nulla volutpat purus, non suscipit magna dolor faucibus metus. Pellentesque hendrerit elit non quam fringilla at rhoncus mi malesuada.
    
    Cras eleifend fringilla pellentesque. Integer suscipit vestibulum nisl et dignissim. Duis mattis arcu ac elit varius aliquam. Vestibulum malesuada enim at diam porttitor at facilisis velit varius. Nam gravida risus ipsum, vel iaculis quam. Maecenas sed dictum nibh. Maecenas vestibulum varius nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non ultrices odio. Sed in lectus eget odio venenatis pulvinar.
    
    Morbi tempor blandit eros et pretium. Cras mattis, mauris sed interdum ornare, est lacus feugiat sem, id ultricies odio nulla a velit. Nullam placerat augue at neque lobortis bibendum. In ut arcu ac mauris molestie accumsan vitae sit amet dui. Mauris urna tellus, rhoncus ac euismod ullamcorper, placerat vitae ipsum. Aenean vitae metus sit amet mi fermentum gravida rutrum a dui. Nulla orci nibh, porta quis adipiscing eget, scelerisque a neque. Quisque sit amet semper dui. Proin at augue vel eros iaculis ultricies. Maecenas non felis neque, ut varius risus. Donec porttitor libero in ligula semper non tristique dolor egestas. Suspendisse mauris libero, dapibus pharetra sollicitudin ut, volutpat vitae velit. Donec at erat neque, ac adipiscing dui. Donec rhoncus vestibulum augue eu pulvinar. Proin vel purus pharetra odio rhoncus vehicula in a massa. 
    </p>
    </div>
    
    <div id="footer">
    <h2>Slide up footer</h2>
    </div>
    
    </body>
    </html>

  4. The Following User Says Thank You to azoomer For This Useful Post:

    aloha (09-07-2011)

  5. #4
    Join Date
    Aug 2011
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by azoomer View Post
    Here is something to start with:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Fixed Slide-Up Footer</title>
    <style type="text/css">
    body {
        margin:0;
        padding:0;
    }
    #footer {
        position:fixed;
        width:100%;
        height:60px;
        bottom:-60px;
        background:#CCC;
    }
    h1, h2 {
        text-align:center;
    }
    #content {
        width: 600px;
        margin:0 auto;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) { 
     $('#footer').delay(1200).animate({bottom: "0px"}, 2000);   
    });
    </script>
    </head><body>
    
    <h1>Fixed Slide-Up Footer</h1>
    
    <div id="content">
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas, nisl et dignissim semper, risus mauris ornare sem, vitae consequat augue neque sed urna. Donec molestie felis vitae sapien rhoncus laoreet. Fusce dapibus pulvinar libero, ut aliquet purus bibendum ac. Donec et sagittis tellus. Aliquam erat volutpat. Donec laoreet, elit at feugiat fringilla, tellus dui ultrices sapien, rhoncus ullamcorper eros urna porttitor ipsum. Donec nec lectus sit amet erat tincidunt tincidunt. Curabitur tincidunt vulputate pharetra. Curabitur id arcu in velit facilisis posuere. Maecenas ullamcorper risus in elit hendrerit at malesuada odio placerat. Etiam eget orci dui, sed rutrum sapien. Donec accumsan dapibus ante vitae auctor. Praesent ac lectus justo. Quisque at magna non enim auctor sollicitudin eu eu turpis. Maecenas imperdiet porttitor nunc, vitae congue tellus volutpat at.
    
    Fusce quam metus, imperdiet pulvinar vestibulum vel, suscipit id turpis. Pellentesque nibh justo, ultrices in volutpat a, viverra eget nulla. Aliquam eget nulla quis purus mollis vehicula. In hac habitasse platea dictumst. Pellentesque bibendum nulla in purus ornare tristique. Duis suscipit volutpat leo ut viverra. Fusce id metus nibh. Nullam nec dolor magna, id iaculis massa.
    
    Vestibulum orci tortor, ultricies vitae accumsan at, porttitor interdum leo. Mauris nec pulvinar ligula. Ut diam metus, tincidunt sit amet cursus ut, rutrum vitae dolor. Vivamus lobortis, lectus at fringilla porta, enim nunc iaculis dui, ac imperdiet lacus justo lobortis erat. Mauris fringilla lacus quis erat pulvinar sodales. Donec dignissim elit sit amet risus rhoncus tincidunt. Nulla tincidunt neque eget erat consequat vel posuere nunc commodo. Vestibulum sapien nunc, mattis non scelerisque ac, porttitor et libero. Nam eu leo id purus aliquam rhoncus. Sed aliquet eros nec augue venenatis ultricies. Donec ornare mi eu massa ultricies ut venenatis nulla blandit. Donec elementum, est eu egestas venenatis, neque nulla volutpat purus, non suscipit magna dolor faucibus metus. Pellentesque hendrerit elit non quam fringilla at rhoncus mi malesuada.
    
    Cras eleifend fringilla pellentesque. Integer suscipit vestibulum nisl et dignissim. Duis mattis arcu ac elit varius aliquam. Vestibulum malesuada enim at diam porttitor at facilisis velit varius. Nam gravida risus ipsum, vel iaculis quam. Maecenas sed dictum nibh. Maecenas vestibulum varius nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non ultrices odio. Sed in lectus eget odio venenatis pulvinar.
    
    Morbi tempor blandit eros et pretium. Cras mattis, mauris sed interdum ornare, est lacus feugiat sem, id ultricies odio nulla a velit. Nullam placerat augue at neque lobortis bibendum. In ut arcu ac mauris molestie accumsan vitae sit amet dui. Mauris urna tellus, rhoncus ac euismod ullamcorper, placerat vitae ipsum. Aenean vitae metus sit amet mi fermentum gravida rutrum a dui. Nulla orci nibh, porta quis adipiscing eget, scelerisque a neque. Quisque sit amet semper dui. Proin at augue vel eros iaculis ultricies. Maecenas non felis neque, ut varius risus. Donec porttitor libero in ligula semper non tristique dolor egestas. Suspendisse mauris libero, dapibus pharetra sollicitudin ut, volutpat vitae velit. Donec at erat neque, ac adipiscing dui. Donec rhoncus vestibulum augue eu pulvinar. Proin vel purus pharetra odio rhoncus vehicula in a massa. 
    </p>
    </div>
    
    <div id="footer">
    <h2>Slide up footer</h2>
    </div>
    
    </body>
    </html>
    Thank you very much for your help, Azoomer. I tried, but it's not ok, Pls find out anything wrong.
    Firstly, I make a 002.html with your code.
    Secondly, I make an global.webnhanh.php with the following code:

    <?php

    $content = "<iframe title=\"TIVI ONLINE\" src=\"http://localhost/nukeviet/002.html\" width=\"600px\" height=\"65px\" frameborder=\"0\" scrolling=\"no\"></iframe>\n";

    ?>
    At the moment, I test on localhost on my PC.
    I look forward to receiving your support soon. Thanks

  6. #5
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Hi, here is a demopage of the above.
    There is quite a bit of styling to do, to make it look like webnhanh.
    I'm not sure where the problem is, but it is probably due to my lack of understanding of php.

  7. #6
    Join Date
    Aug 2011
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Dear azoomer,
    May you hepl me to add a favicon into html.
    I try to follow http://tools.dynamicdrive.com/favicon/ but not ok. Pls help me. Thanks

  8. #7
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    it should work if you put this in the head section of your page
    Code:
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    Something like this, with an absolute path should also work
    Code:
    <link rel="shortcut icon" href="http://yoursite.com/favicon.ico" />
    just make sure to place the favicon in the root of the domain. You should also make sure that the favicon image can be seen in the browser if you paste the url in the address bar (http://yoursite.com/favicon.ico) and press enter. It may take while for the favicon to show up depending on which browser you use. Exchange the blue with your own domain. The green slash is used if your page is xhtml

    I'm not really sure how it will work on a local server so try to upload it to an online server, and post a link to your page if it doesn't work out as planned.
    Last edited by azoomer; 10-15-2011 at 09:17 AM.

  9. The Following User Says Thank You to azoomer For This Useful Post:

    aloha (10-17-2011)

  10. #8
    Join Date
    Aug 2011
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I follwed your instruction, but it does not work. I put favicon.ico in images (folder name), I have added to our XHTML as follows:
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />

    It does not work on localhost. If possible, pls give me a demo as you shown on #5 above. Thanks

  11. #9
    Join Date
    May 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the post. It gives lots of information about new technology.

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
  •