[CB] Banner Remodel

[Wormopolis]

Browser tested: IE and FF
placement: global header

turns logo image into a background image behind the menu buttons, and moves page title and hey X below banner.



<script type="text/javascript">
<!--
//  Banner remodel - 1.0
//  by Wormopolis - wormocodes.proboards.com
//  puts logo behind menu buttons and moves hey X and page title down
//  keep header intact

tds=document.getElementsByTagName('td');
logocell=tds[1];
nwbgimg=logocell.firstChild.firstChild.src;
nwcellht=logocell.firstChild.firstChild.height;
nwcellwd=logocell.firstChild.firstChild.width;
logocell.style.height=nwcellht;
tds[0].parentNode.parentNode.parentNode.style.width=nwcellwd;
logocell.style.backgroundImage="url('"+nwbgimg+"')";
logocell.style.backgroundRepeat="no-repeat";
logocell.style.backgroundPosition="center center";
logocell.vAlign="bottom";
logocell.firstChild.removeChild(logocell.firstChild.firstChild);
heyXcell=tds[2];
menucellbar=tds[3].getElementsByTagName('table')[0].rows[0];
menubtntbl=tds[4].getElementsByTagName('table')[0];
menubtntbl.width="";
pagetitle=tds[1].getElementsByTagName('font')[1];
menucellbar.cells[0].appendChild(pagetitle);
menucellbar.cells[0].width="";
menucellbar.appendChild(heyXcell);
logocell.appendChild(menubtntbl);
menucellbar.cells[0].className="welcomebg";
menucellbar.cells[0].bgColor=menucellbar.cells[1].bgColor;
menucellbar.cells[1].align="right";
menubtntbl.rows[0].cells[0].style.backgroundColor="transparent";
menubtntbl.rows[0].cells[0].className="";

// -->
</script>


preview: Click Here

UPDATES TO THIS CODE FOUND ON wormocodes.proboards.com