Spike
Full Member 
Posts: 117
|
Post by Spike on Jan 4, 2008 21:52:17 GMT -5
Well Im using Wrightys code im not going to post it but you can look through the main page source to find it in the footers...its the info center background/head/base code and scorpians version doesn't work either so i tried this one...its working but now I just need to know how to add in the background part... lightkrazze.proboards59.com/index.cgi |
|
Blink
Addicted Member 
Posts: 1,699
|
Post by Blink on Jan 4, 2008 23:14:16 GMT -5
The info center code you are using does not come with a background image.
It wouldn't be too difficult to code it though, try requesting it in the code request board.
But if you just made your gradients smaller for the info center I think it would look fine, you don't really need a background for it.
|
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 5, 2008 19:57:32 GMT -5
^^It fits with the board wrap...
|
|
iAlex
Junior Member 
Posts: 73
|
Post by iAlex on Jan 5, 2008 21:41:37 GMT -5
Try using this instead of the current info centre code you are using.
<script type="text/javascript">
<!--
var iTop="http://i261.photobucket.com/albums/ii43/ExecutiveD/headcopy4.jpg"; //Header Image
var iMid="http://i261.photobucket.com/albums/ii43/ExecutiveD/backgroundfinalcopy.png"; //Middle Image
var iBot="http://i261.photobucket.com/albums/ii43/ExecutiveD/basefinal.jpg"; //Footer Image
if(location.href.match(/action=home/) || !location.href.match(/action/) && !document.postForm && !document.modifyForm && !document.title.match(/\s-\sLogin/)){
var iTd=document.getElementsByTagName('td');
var i=iTd.length;
while(--i){
if(iTd.item(i).className=="titlebg" && iTd.item(i).colSpan=="2" && iTd.item(i).align=="center" && iTd.item(i).innerHTML.match(/>Info\sCenter</)){
var iParent=iTd.item(i).parentNode.parentNode.parentNode;
iParent.className='bordercolor';
iParent.width='646px';
iParent.align='center';
iParent.parentNode.style.backgroundImage='url('+iMid+')';
var iTab=iParent.parentNode.parentNode.parentNode.parentNode;
iTab.width='671px';
iTab.align='center';
var iHe=document.createElement('div');
iHe.innerHTML='<center><img src="'+iTop+'" /></center>';
iTab.parentNode.insertBefore(iHe, iTab);
var iBa=document.createElement('div');
iBa.innerHTML='<center><img src="'+iBot+'" /></center>';
iTab.parentNode.insertBefore(iBa, iTab.nextSibling);
break;
}
}
}
//-->
</script>
|
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 6, 2008 0:25:37 GMT -5
Thankyou, you are life saver...  Without asking to much can i get it so the Info Center is displayed in the header image? |
|
iAlex
Junior Member
Posts: 73
|
Post by iAlex on Jan 6, 2008 0:46:28 GMT -5
Sure thing, just try using this instead:
<style type="text/css">
<!--
.iWhatHuh{
background-image: url(http://i261.photobucket.com/albums/ii43/ExecutiveD/headcopy4.jpg);
height: 25px;
background-position: center center;
background-repeat: no-repeat;
}
.iHuhWhat{
background-image: url(http://i261.photobucket.com/albums/ii43/ExecutiveD/basefinal.jpg);
height: 25px;
background-position: center center;
background-repeat: no-repeat;
}
-->
</style>
<script type="text/javascript">
<!--
var iMid="http://i261.photobucket.com/albums/ii43/ExecutiveD/backgroundfinalcopy.png"; //Middle Image
if(location.href.match(/action=home/) || !location.href.match(/action/) && !document.postForm && !document.modifyForm && !document.title.match(/\s-\sLogin/)){
var iTd=document.getElementsByTagName('td');
var i=iTd.length;
while(--i){
if(iTd.item(i).className=="titlebg" && iTd.item(i).colSpan=="2" && iTd.item(i).align=="center" && iTd.item(i).innerHTML.match(/>Info\sCenter</)){
var iParent=iTd.item(i).parentNode.parentNode.parentNode;
iParent.className='bordercolor';
iParent.width='646px';
iParent.align='center';
iParent.parentNode.style.backgroundImage='url('+iMid+')';
var iTab=iParent.parentNode.parentNode.parentNode.parentNode;
iTab.width='671px';
iTab.align='center';
var iHe=document.createElement('div');
var iBa=iHe.cloneNode(true);
iHe.className='iWhatHuh';
iHe.innerHTML='<center style="position: relative; top: 9px;">'+iTd.item(i).innerHTML+'</center>';
iTd.item(i).parentNode.style.display='none';
iBa.className='iHuhWhat';
iTab.parentNode.insertBefore(iHe, iTab);
iTab.parentNode.insertBefore(iBa, iTab.nextSibling);
break;
}
}
}
//-->
</script>
|
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 6, 2008 20:48:36 GMT -5
Hey Thanks Alex for this but one more modification is the very top category name has dissapeared and the Info Center name has dissapeared...
|
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 9, 2008 18:01:02 GMT -5
|
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 10, 2008 15:02:04 GMT -5
Can i get this fixed iAlex? or someone else?
|
|
Blink
Addicted Member
Posts: 1,699
|
Post by Blink on Jan 10, 2008 15:27:02 GMT -5
Hey Thanks Alex for this but one more modification is the very top category name has dissapeared and the Info Center name has dissapeared... I don't see any of those glitches. |
|
Spike
Full Member
Posts: 117
|
Post by Spike on Jan 10, 2008 19:32:56 GMT -5
As the code that iAlex has given me to divide categories n put category names in the header is only for FF...that is why it may look bad in IE however it doesn't seem to appear for me in either...well the category names of course but the Info Center name has dissapeared on both...
hmm what are you using IE or FF?
|
|
iAlex
Junior Member
Posts: 73
|
Post by iAlex on Jan 11, 2008 1:14:16 GMT -5
Replace this last code I gave you with this. Sorry for the wait.
<script type="text/javascript">
<!--
if(location.href.match(/action=home/) || !location.href.match(/action/) && !document.postForm && !document.modifyForm && !document.title.match(/\s-\sLogin/)){
var iTd=document.getElementsByTagName('td');
var i=iTd.length;
while(--i){
if(iTd.item(i).className=="titlebg" && iTd.item(i).colSpan=="2" && iTd.item(i).align=="center" && iTd.item(i).innerHTML.match(/>Info\sCenter</) || iTd.item(i).colSpan=="5" && iTd.item(i).align!="right" && iTd.item(i).className=="catbg" && iTd.item(i).parentNode.previousSibling.firstChild.className=="titlebg"){
var iParent=iTd.item(i).parentNode.parentNode.parentNode.parentNode.parentNode;
var iTab=iParent.parentNode.parentNode;
iTab.id='daSplit';
var iHead=document.createElement('div');
var iBase=iHead.cloneNode(true);
iHead.className='head';
iHead.innerHTML='<center style="position: relative; top: 9px;">'+iTd.item(i).innerHTML+'</center>';
iTab.parentNode.insertBefore(iHead, iTab);
iBase.className='base';
iTab.parentNode.insertBefore(iBase, iTab.nextSibling);
iTd.item(i).parentNode.style.display='none';
}
if(iTd.item(i).className=="catbg" && iTd.item(i).colSpan=="5" && iTd.item(i).align!="right" && iTd.item(i).parentNode.previousSibling.firstChild.className!="titlebg"){
var iParent=iTd.item(i).parentNode.parentNode.parentNode;
var iSplit=document.createElement('div');
while(iTd.item(i).parentNode.nextSibling && iTd.item(i).parentNode.nextSibling.nodeName.match(/tr/i)){
iSplit.appendChild(iTd.item(i).parentNode.nextSibling);
}
iTd.item(i).parentNode.style.display='none';
iSplit.insertBefore(iParent.rows.item(0).cloneNode(true), iSplit.firstChild);
iSplit.innerHTML='<b'+'r/><b'+'r/><div class="head"><center style="position: relative; top: 9px;">'+iTd.item(i).innerHTML+'</center></div><table border="0" width="100%" cellspacing="0" cellpadding="0" class="bordercolor" id="daSplit"><tr><td class="tablebg"><table cellpadding="4" cellspacing="1" border="0" width="97%" align="center" class="bordercolor">'+iSplit.innerHTML+'</table></td></tr></table><div class="base"></div>';
var iTable=iParent.parentNode.parentNode.parentNode.parentNode;
iTable.parentNode.insertBefore(iSplit, iTable.nextSibling.nextSibling);
}
}
}
//-->
</script>
|
|
