Post by (¯`•DregondRahl•._) on Apr 27, 2007 12:20:59 GMT -5
What do you mean you want the head/base/background everywhere?
okay okay, i'll do it ..but remember its not compatible with any splitter in the sticky or mainpage or posts...except my own. but for you coder out there, give your table a id of "daSplit"
GLOBAL HEADER
(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 OPEN SOURCE
DregondRahl - templates.proboards1.com */
var iTableWidth = "97%";
//Do Not Edit Below
var table = document.getElementsByTagName('table');
var baseImg = document.createElement('div');
var headImg = document.createElement('div');
headImg.className = "head";
baseImg.className = "base";
for(i = 4; i < table.length; i ++){
if(table.cellPadding == '4' && table.cellSpacing == '1' && table.parentNode.nodeName.match(/^td$/i)){
table.parentNode.className = "tablebg";
table.className = "bordercolor";
table.width = iTableWidth;
table.align = "center";
}
if(table.className == 'bordercolor' && table.cellPadding == '0' && !table.id.match(/daSplit/i)){
table.parentNode.insertBefore(headImg.cloneNode(true), table);
table.parentNode.insertBefore(baseImg.cloneNode(true), table.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..
okay okay, i'll do it ..but remember its not compatible with any splitter in the sticky or mainpage or posts...except my own. but for you coder out there, give your table a id of "daSplit"
GLOBAL HEADER
(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 OPEN SOURCE
DregondRahl - templates.proboards1.com */
var iTableWidth = "97%";
//Do Not Edit Below
var table = document.getElementsByTagName('table');
var baseImg = document.createElement('div');
var headImg = document.createElement('div');
headImg.className = "head";
baseImg.className = "base";
for(i = 4; i < table.length; i ++){
if(table.cellPadding == '4' && table.cellSpacing == '1' && table.parentNode.nodeName.match(/^td$/i)){
table.parentNode.className = "tablebg";
table.className = "bordercolor";
table.width = iTableWidth;
table.align = "center";
}
if(table.className == 'bordercolor' && table.cellPadding == '0' && !table.id.match(/daSplit/i)){
table.parentNode.insertBefore(headImg.cloneNode(true), table);
table.parentNode.insertBefore(baseImg.cloneNode(true), table.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..