Post by (¯`•DregondRahl•._) on Apr 27, 2007 12:23:07 GMT -5
Edit the part in red with the image height's and width's. I use CSS often becasue then when you have multiple skins you can esily make a mod for the CSS alone.
MAIN FOOTER OR HEADER
<style type="text/css">
<!--
.icHead {
background-image:url(URL OF HEAD IMAGE);
width: 750px;
height: 20px;
text-align: center;
}
.icBase{
background-image:url(URL OF BASE IMAGE);
width: 750px;
height: 20px;
}
-->
</style>
MAIN FOOTER
#1 IF you want just head base images in the info center use the code below ONLY
<script type='text/javascript'>
<!--
//Info Center Head/Base images - DregondRahl
var table = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(i = 0; i < table.length; i ++){
if(table.cellSpacing == 1 && table.cellPadding == 4 && table.rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
headImg = document.createElement('div');
baseImg = document.createElement('div');
headImg.className = 'icHead';
baseImg.className = 'icBase';
table[i-1].parentNode.insertBefore(headImg.cloneNode(true), table[i-1]);
table[i-1].parentNode.insertBefore(baseImg.cloneNode(true), table[i-1].nextSibling);
}
}
}
//-->
</script>
-----------------------------------------------------------------------------------------------
#2 If you want the "Info center" title in the head Image usse this code ONLY
<script type='text/javascript'>
<!--
//Info Center Head/Base images (title in head image) - DregondRahl
var table = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(i = 0; i < table.length; i ++){
if(table.cellSpacing == 1 && table.cellPadding == 4 && table.rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
table.rows[0].style.display = 'none';
headImg = document.createElement('div');
baseImg = document.createElement('div');
headImg.className = 'icHead';
baseImg.className = 'icBase';
headImg.innerHTML= table.rows[0].cells[0].innerHTML;
table[i-1].parentNode.insertBefore(headImg.cloneNode(true), table[i-1]);
table[i-1].parentNode.insertBefore(baseImg.cloneNode(true), table[i-1].nextSibling);
}
}
}
//-->
</script>
MAIN FOOTER OR HEADER
<style type="text/css">
<!--
.icHead {
background-image:url(URL OF HEAD IMAGE);
width: 750px;
height: 20px;
text-align: center;
}
.icBase{
background-image:url(URL OF BASE IMAGE);
width: 750px;
height: 20px;
}
-->
</style>
MAIN FOOTER
#1 IF you want just head base images in the info center use the code below ONLY
<script type='text/javascript'>
<!--
//Info Center Head/Base images - DregondRahl
var table = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(i = 0; i < table.length; i ++){
if(table.cellSpacing == 1 && table.cellPadding == 4 && table.rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
headImg = document.createElement('div');
baseImg = document.createElement('div');
headImg.className = 'icHead';
baseImg.className = 'icBase';
table[i-1].parentNode.insertBefore(headImg.cloneNode(true), table[i-1]);
table[i-1].parentNode.insertBefore(baseImg.cloneNode(true), table[i-1].nextSibling);
}
}
}
//-->
</script>
-----------------------------------------------------------------------------------------------
#2 If you want the "Info center" title in the head Image usse this code ONLY
<script type='text/javascript'>
<!--
//Info Center Head/Base images (title in head image) - DregondRahl
var table = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(i = 0; i < table.length; i ++){
if(table.cellSpacing == 1 && table.cellPadding == 4 && table.rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
table.rows[0].style.display = 'none';
headImg = document.createElement('div');
baseImg = document.createElement('div');
headImg.className = 'icHead';
baseImg.className = 'icBase';
headImg.innerHTML= table.rows[0].cells[0].innerHTML;
table[i-1].parentNode.insertBefore(headImg.cloneNode(true), table[i-1]);
table[i-1].parentNode.insertBefore(baseImg.cloneNode(true), table[i-1].nextSibling);
}
}
}
//-->
</script>