Hello!

Ankillien originally gave me this code for a topbar on my forum. It works awesome, but I was wondering if it was possible to alter it to be fixed at the bottom of the forum? (Not as a footer, but fixed at the bottom of the viewer's screen as they scroll up/down -- Like it is currently for the top.)

Here current the code: (A div class is assigned to it on my announcements box; so it appears on every page. The top block of code is for the image and the three others are for links.)

Code:

.webartz_topbar {
opacity : 100%;
z-index: 999;
width : 100%;
height : 40px;
position : fixed;
top : 0px; left : 0px;
background : url(http://i266.photobucket.com/albums/ii247/Kab0000m/Josh/Navbar.png) no-repeat center top;
}
.webartz_links {
float : none;
color : #FFF;
padding-top : 8px;
text-align : center;
}
.webartz_links a {
background : none;
color : #FFF !important;
text-decoration : none;
font-weight : bold;
padding : 3px;
}
.webartz_links a:hover {
background : #EEE;
color : #333 !important;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}


Thanks for any help!
-Josh

Let me try ;D

try this:

Code:


.webartz_topbar {
opacity : 100%;
z-index: 999;
width : 100%;
height : 40px;
position : fixed;
bottom : 0px; left : 0px;
background : url(http://i266.photobucket.com/albums/ii247/Kab0000m/Josh/Navbar.png) no-repeat bottom top;
}
.webartz_links {
float : none;
color : #FFF;
padding-top : 8px;
text-align : center;
}
.webartz_links a {
background : none;
color : #FFF !important;
text-decoration : none;
font-weight : bold;
padding : 3px;
}
.webartz_links a:hover {
background : #EEE;
color : #333 !important;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}


Hi Gangsta15,

after changing the height to 30px, it works great. Thanks! (Problem solved)

Woah ;D Good No problem