The top one is how it looks and the bottom one is how it should look. No green or dividers whatsoever.

Admin>Headers/Footers>Global>Default

Global Header

<script type="text/javascript">
/*Remove :: from Menu
Created By Wrighty
support.virtualforums.co.uk*/

var menu = document.getElementById('welcome_table').getElementsByTagName('td')[2];

menu.innerHTML = menu.innerHTML.replace(new RegExp(" ::","g"),'');
</script>

Global footer

<script>
/*Reorder Menu
Coded By Wrighty
Do Not: Rip, Repost or Claim*/

var a = [
["0","1","2","3","5","6","4"], //Admin Menu
["0","1","2","3","4","5"], //Member Menu
["0","1","2","3","4"] //Guest Menu
];

var l = [];
var x = get('menu_buttons','id').firstChild.firstChild.firstChild.firstChild;
var y = '';
for(a=0;a<x.firstChild.getElementsByTagName('a').length;a++){
l.push('<a href="'+x.firstChild.getElementsByTagName('a')[a]+'">'+x.getElementsByTagName('a')[a].innerHTML+'</a>');
}
var n = (x.innerHTML.match(/\/admin\//))? a[0] : (vf_username == 'guest')? a[2] : a[1];
for(a=0; a<n.length-1;a++){
y += l[n[a]]
y += ' :: ';
}
y += l[n[n.length-1]];
x.firstChild.innerHTML = y
</script>




One of these codes is supposed to put the Admin button at the end of the menu buttons line and the other is to remove the :: between menu buttons.

How do I get it so that there is no green and it looks like the bottom half of the image above?

Thanks for the help.

~Graystorm

Could we get a link to your forum please?

Sure.

http://warriorsotn.vforums.co.uk/

I cannot see either code placed in your global headers. Are you sure you placed i t in the proper header for the proper skin?

I'm pretty sure I did. Let me redo it.

Edit-

I reinstalled the codes but the one that goes in the footer isn't working. Also, why is the logout icons below all the others?

Is there a code to make it so there is no green showing around the banner and the menu buttons?

Both codes can go in the global header.

As for removing the spaces, replace the first code with this:

<script type="text/javascript">
/*Remove :: from Menu
Created By Wrighty
support.virtualforums.co.uk*/

var menu = document.getElementById('welcome_table').getElementsByTagName('td')[2];

menu.innerHTML = menu.innerHTML.replace(new RegExp(" :: ","g"),'');
</script>

It worked! Thanks so much! Is there a code that can remove all the green around the banner and menu buttons?

-Edit-

I managed to get the admin button moved to the end of the menu button line* but it has :: and a space between it and the logout button.

This is the link

* by using these two codes

Code:

Select All

 

<script>
/*Remove Select Menu Buttons
Created By Wrighty
Do Not: Rip, Repost or Claim*/
 
var y = get('menu_buttons','id');
var x = y.getElementsByTagName('a');
for(a=0;a<x.length;a++){
    if(x[a].getElementsByTagName('img')[0].alt.match(/(admin)/i)){
        x[a].style.display = 'none';
    }
}
</script>
 

<script> {BR}/*Remove Select Menu Buttons {BR}Created By Wrighty {BR}Do Not: Rip, Repost or Claim*/ {BR} {BR}var y = get('menu_buttons','id'); {BR}var x = y.getElementsByTagName('a'); {BR}for(a=0;a<x.length;a++){ {BR} if(x[a].getElementsByTagName('img')[0].alt.match(/(admin)/i)){ {BR} x[a].style.display = 'none'; {BR} } {BR}} {BR}</script> {BR}

 

Code:

Select All

 

<script>
/*Add Menu Buttons
Created By Wrighty
support.virtualforums.co.uk*/
 
var menu = get('menu_buttons','id').getElementsByTagName('font')[0];
 
function do_menu(img_src,link){
menu.innerHTML+= " :: <a href="+link+"><img src='"+img_src+"' border=0></a>";
}
 
do_menu('http://i248.photobucket.com/albums/gg184/amberstreak/wotnbanerli_08.gif','http://warriorsotn.vforums.co.uk/action/admin/');
</script>
 

<script> {BR}/*Add Menu Buttons {BR}Created By Wrighty {BR}support.virtualforums.co.uk*/ {BR} {BR}var menu = get('menu_buttons','id').getElementsByTagName('font')[0]; {BR} {BR}function do_menu(img_src,link){ {BR}menu.innerHTML+= " :: <a href="+link+"><img src='"+img_src+"' border=0></a>"; {BR}} {BR} {BR}do_menu('http://i248.photobucket.com/albums/gg184/amberstreak/wotnbanerli_08.gif','http://warriorsotn.vforums.co.uk/action/admin/'); {BR}</script> {BR}

 

One to remove the admin button and one to put it back, this time at the end.

If someone could help me get the This Code to work, that would be great because I think the button reorder code might make it so there isn't any :: and space between the admin button.

Switch the second code with this:

Code:

Select All

 

<script>
/*Add Menu Buttons
Created By Wrighty
support.virtualforums.co.uk*/
 
var menu = get('menu_buttons','id').getElementsByTagName('font')[0];
 
function do_menu(img_src,link){
menu.innerHTML+= "<a href="+link+"><img src='"+img_src+"' border=0></a>";
}
 
do_menu('http://i248.photobucket.com/albums/gg184/amberstreak/wotnbanerli_08.gif','http://warriorsotn.vforums.co.uk/action/admin/');
</script>

<script> {BR}/*Add Menu Buttons {BR}Created By Wrighty {BR}support.virtualforums.co.uk*/ {BR} {BR}var menu = get('menu_buttons','id').getElementsByTagName('font')[0]; {BR} {BR}function do_menu(img_src,link){ {BR}menu.innerHTML+= "<a href="+link+"><img src='"+img_src+"' border=0></a>"; {BR}} {BR} {BR}do_menu('http://i248.photobucket.com/albums/gg184/amberstreak/wotnbanerli_08.gif','http://warriorsotn.vforums.co.uk/action/admin/'); {BR}</script>

 

Then put this in your global headers to remove the spacing:

Code:

Select All

 

<style type="text/css">
<!--
#menu_buttons{
height: 53px;
}
//-->
</style>

<style type="text/css"> {BR}<!-- {BR}#menu_buttons{ {BR}height: 53px; {BR}} {BR}//--> {BR}</style>

 

And finally, in your admin panel, under "Modify Skin", change the forum width from 780 down to 720.

Yay! The codes worked!

The one problem is that now the admin button is on the bottom again and there is still a little space around the menu buttons.

EDIT:

I just realized, the admin button is available to guests and members. I am now using the menu reorder.

I can't see the admin panel link for guests!

I removed the code. Actually, can you lock this post? I'm going to request a coded skin for my website.

Ok