Post Splitter (Head/Base Images)

[Schubaltz]

Description: Splits the posts into seoarate tables with head/base images.

Source: Open

Cross-browser: Yes

Global Footer

---

<style type="text/css">
<!--
.head { height: 20px; margin-top: 15px;
        background: url('http://www.google.com/img.gif') no-repeat center center }
.base { height: 20px; margin-bottom: 15px;
        background: url('http://www.google.com/img.gif') no-repeat center center }
-->
</style>
<script type="text/javascript">
<!--
// Post Splitter

if(location.href.match(/action=display/))
for(var l = document.links, r = 4; r < l.length; r ++) if(l[r].className == "nav") {
        var split = [ ], t = l[r].parentNode.getElementsByTagName("table");
                for(var i = t[1].rows, x = 0, a = -1; x < i.length; x ++) {
                        if(a >= 0) {
                                if(!split) split = "";
                                        split += "<tr>" + i[x].innerHTML + "</tr>";
                                        i[x].style.display = "none";
                        }
                        if(i[x].cells[0].className.match(/windowbg2?/) && i[x + 1].cells[0].className.match(/windowbg2?/))
                                a ++;
                }
        t[1].parentNode.insertBefore(document.createElement("div"), t[1]);
                t[1].previousSibling.className = "head";
        t[1].parentNode.appendChild(document.createElement("div"));
                t[1].nextSibling.className = "base";
        t[0].style.backgroundColor = "transparent";
        t[1].className = "bordercolor";
        if(split.length) {
                var con = document.createElement("div"), e = "<div class='head'></div><table width='100%' class='bordercolor' cellpadding='4' cellspacing='1'>";
                        con.innerHTML = e + split.join("</table><div class='base'></div>" + e) + "</table><div class='base'></div>";
                t[1].parentNode.appendChild(con);
        }
        break;
}
//-->
</script>

---