Glossy Navigation and Buttons (341 views)

[Zaxinou]

Here is a nice looking glossy navigation bar with buttons to go with it. This concept is from hv-designs.co.uk they have some really good tutorials too.

Preview

Buttons
Home: i143.photobucket.com/albums/r146/zaxinou/glosshome.png
Help: i143.photobucket.com/albums/r146/zaxinou/glosshelp.png
Search: i143.photobucket.com/albums/r146/zaxinou/glosssearch.png
Members: i143.photobucket.com/albums/r146/zaxinou/glossmembers.png
Calendar: i143.photobucket.com/albums/r146/zaxinou/glosscalenda1.png
Admin: i143.photobucket.com/albums/r146/zaxinou/glossadmin.png
Profile: i143.photobucket.com/albums/r146/zaxinou/glossprofil1.png
Logout: i143.photobucket.com/albums/r146/zaxinou/glosslogout1.png
Login: i143.photobucket.com/albums/r146/zaxinou/glosslogin.png
Register: i143.photobucket.com/albums/r146/zaxinou/glossregister.png

Code
<style type="text/css">
<!--
.menubg{
background: url(http://i143.photobucket.com/albums/r146/zaxinou/glossnav-bg.png) center no-repeat;
height: 70px;
}
//-->
</style>
<script type="text/javascript">


var allA = document.getElementsByTagName("td")[5].getElementsByTagName("a");

for(i in allA) {

if(allA[i].href && allA[i].href.match(/action=newestthreads/)) {
allA[i].parentNode.removeChild(allA[i].nextSibling);
allA[i].parentNode.removeChild(allA[i]);
break;
}
}

</script>

Place this code in your Global Header

Note!
This navigation is viewed best using Mozilla Firefox

Added code to remove new topics button cause that's a stupid button

[Kenshin]

that just raped my website...
jk3ragnarok.proboards.com

[Tartarus]

whats with the site? is it there for anything? or is it just a random forum with nothin in it?

[Zaxinou]

haha I know how to fix it too and it isn't my fault if you don't save the headers and footers properly...

Click the following link:

jk3ragnarok.proboards.com/index.cgi?action=login&NOHEADERS=1

Login selecting "FOREVER".

Once that page opens, click this link:

jk3ragnarok.proboards.com/index.cgi?action=headersfooters&NOHEADERS=1

You should then be able to make any necessary changes to your Headers & Footers.

and try pasting the code in again and it should work...