by TanMan77777777 December 20th 2009, 10:14 pm
Mine
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#toolbar {
position:fixed;
bottom:0px;
left:0;
width:100%;
height:55px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:url('http://i95.servimg.com/u/f95/11/95/85/04/nav11.png') bottom center no-repeat;
z-index: 999;
}
</style>
<body>
<div id="toolbar" style="text-align:center;">Images go here</div>
</body>
</html>
Jalokim's
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#myfooter{
background-image: url(url of the bar image);
background-repeat: no-repeat;
}
#myfooter img{
border: 0px;
margin-top: -12px;
padding-right: 20px;
}
</style>
</head>
<body>
<div id="myfooter" style="height: 40px; position: fixed; width: 800px;top: auto;right: 0;margin: 0 auto;bottom: 0;left: 0;" ><p align="center">
your icons data here
</p>
</div>
</body>
</html>
Placehold, if you check, I'm not even using the same codes. Just similar codes (Because there limited ways to achieve this). Technically you can't give Jalokim credits for the toolbar I made myself. Only to the others that used his tutorial.
Also, even though I like the forum, please don't advertise in my thread. Thank you!