Post by ME! on Oct 20, 2006 14:43:14 GMT
What do you mean you want the head/base/background everywhere?
okay okay, i'll do it ..but remmber its not compatible with any spliter in the sticky or mainpage or posts...except my own. but for you coder out there, give your table a id of "daSplit"
i'll write you another one for posts.....later
along with one that adds different head/base images for different locations
GLOBAL HEADDER
(If your using my catspliter,you need only one copy of the CSS style)
<style type="text/css">
<!--
.head {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.base {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.tablebg {
background-image: url(URL OF IMAGE);
width: 725px;
}
-->
</style>
GLOBAL FOOTER
what?..its open soruce? yes, go ahead..do whatever you want, learn something...its should be in pure DOM.
same instructions as any other code.
NOTE: it needs a resize code just like for my catspliter, you can change any of the classes, or ask someone here to do so, and you and the cat spliter code goes ABOVE this code..
okay okay, i'll do it ..but remmber its not compatible with any spliter in the sticky or mainpage or posts...except my own. but for you coder out there, give your table a id of "daSplit"
i'll write you another one for posts.....later
along with one that adds different head/base images for different locations
GLOBAL HEADDER
(If your using my catspliter,you need only one copy of the CSS style)
<style type="text/css">
<!--
.head {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.base {
background-image: url(URL OF IMAGE);
height: 34px;
width: 725px;
}
.tablebg {
background-image: url(URL OF IMAGE);
width: 725px;
}
-->
</style>
GLOBAL FOOTER
<script type="text/javascript">
<!--
/* SlipStream Style Everywhere- DregondRahl
OPEN SOURCE just keep this copyright happy
http://support.proboards.com */
var iTableWidth = "97%";
//Do Not Edit Below
var table = document.getElementsByTagName('table');
baseImg = document.createElement('div');
headImg = document.createElement('div');
headImg.className = "head";
baseImg.className = "base";
for(i=4; i<table.length; i++){
if(table[i].cellPadding == '4' && table[i].cellSpacing == '1'){
table[i].parentNode.className = "tablebg";
table[i].width = iTableWidth;
table[i].align = "center";
}
if(table[i].className == 'bordercolor' && table[i].cellPadding == '0'&& !table[i].id.match(/daSplit/i)){
table[i].parentNode.insertBefore(headImg.cloneNode(true), table[i]);
table[i].parentNode.insertBefore(baseImg.cloneNode(true), table[i].nextSibling);
}
}
// -->
</script>
what?..its open soruce? yes, go ahead..do whatever you want, learn something...its should be in pure DOM.
same instructions as any other code.
NOTE: it needs a resize code just like for my catspliter, you can change any of the classes, or ask someone here to do so, and you and the cat spliter code goes ABOVE this code..