Footer as webnhanh

**aloha** · 09-05-2011, 07:07 AM

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.

**aloha** · 09-06-2011, 02:37 PM

No body knows.

**azoomer** · 09-06-2011, 03:10 PM

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>

**aloha** · 09-07-2011, 04:05 AM

Originally Posted by azoomer

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

**azoomer** · 09-07-2011, 06:15 AM

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.

**aloha** · 10-14-2011, 07:46 AM

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

**azoomer** · 10-15-2011, 09:12 AM

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.

**aloha** · 10-17-2011, 01:32 AM

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

**DuncanCox** · 10-19-2011, 04:09 AM

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

Thread: Footer as webnhanh

Thread Tools

Search Thread

Footer as webnhanh

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

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

Bookmarks

Bookmarks

Posting Permissions