Complete Board Remodel

[Ross]

Global Footer

This is a complete remodel of the thread listing. Edit the parts in red with the files anmes for your sticky/sticky lock/lock icons and the corresponding text you would like to appear next to those threads.

Preview: Here


<style type="text/css">
<!--
.pin {
font-weight: bold;
font-size: 13px;
}
-->
</style>
<script type="text/javascript">
<!--
/* board remodel
ross - support.proboards.com
please do not redistribute without permission */

var sticky = ['sticky.gif','Notice:'];
var stickylock = ['stickylock.gif','Important:'];
var locked = ['locked.gif','Locked:'];

if(location.href.match(/\.com\/?(index.cgi)?\??&?board=\w+(&moderationmode=\d)?(&page=\d+)?(#\w+)?$/)) {
var tr = document.getElementsByTagName('tr');
var m = (document.ammForm)? 1 : 0;
 for(i=0; i<tr.length; i++) {
  if(tr.item(i).cells.length == (m+7) && tr.item(i).cells.item(m+2).width.match(/^4(3|8)%$/)) {
   if(tr.item(i).firstChild.className == 'windowbg2' ) {
   var tStart = tr.item(i).cells.item(m+3).firstChild.innerHTML;
   var tReply = tr.item(i).cells.item(m+4).firstChild.innerHTML;
   var tPost = tr.item(i).cells.item(m+6).firstChild.innerHTML.replace(/<br>/i,' ');
    for(l=0; l<tr.item(i).cells.length; l++) {
     if(l != (m+2))
      tr.item(i).cells.item(l).style.display = 'none';
    }
   var status = '';
   if(tr.item(i).cells.item(m).innerHTML.match(sticky[0]))
    status = sticky[1];
   else if(tr.item(i).cells.item(m).innerHTML.match(stickylock[0]))
    status = stickylock[1];
   else if(tr.item(i).cells.item(m).innerHTML.match(locked[0]))
    status = locked[1];
   if(status != '' && !tr.item(i).cells.item(m+1).innerHTML.match(/!/))
    tr.item(i).cells.item(m+2).innerHTML = '<span class="pin">'+status+'</span> '+tr.item(i).cells.item(m+2).innerHTML;
   tr.item(i).cells.item(m+2).colSpan = (m+7);
   tr.item(i).cells.item(m+2).innerHTML += '<br /><font size="1">[Started By: '+tStart+'] [Replies: '+tReply+'] Last Updated '+tPost+'</font>';
   }
   else
    tr.item(i).style.display = 'none';
  }
 }
}
//-->
</script>