How do i make something like this at the bottom of the page.... it is always sticked to the explorer even if scrolled
It looks as though they may be loading the page in as an iFrame. Although without a link I can't be certain.
It is CSS effect I guess. Search "lock footer". BTW here is the detailed article on adobe.com http://www.adobe.com/devnet/dreamweaver/articles/css_starter_pages.html
Just do a fixed position at the bottom, like this: CSS .bottomnavbar { position: fixed; bottom: 0; height: 32px; width: 100%; font size: 12px; background: #cccccc; } .bottomnavbar ul { margin: 6px; list-style-type: none; } .bottomnavbar ul li { display: inline; } .bottomnavbar ul li a { text-decoration: none; color: #000000; } .bottomnavbar ul li a:hover { text-decoration:underline; color:#000000; } Code (markup): HTML <html> <head> <title> </title> </head> <body> <div class="bottomnavbar"> <ul> <li> <a href="http://www.example.com/"> Link 1 </a> </li> <li> <a href="http://www.example.com/"> Link 2 </a> </li> <li> <a href="http://www.example.com/"> Link 3 </a> </li> <li> <a href="http://www.example.com/"> Link 4 </a> </li> </ul> </div> </body> </html> Code (markup): Haven't tested this code, but it should be a good start. Mess around with the padding, margin, size, text size, hovers, etc.
use position:fixed in CSS. this means it wont move when the page is scrolled. i'm not sure those bottom bars are very good though, you had best make sure it's appropriate to the site before you just stick one on there as they can be quite obtrusive.