vForums Support > Programming & Coding :: Code Requests & Support :: > [F] Board Mod
[F] Board Mod - Posted By Fel!x (felix) on 28th Feb 08 at 7:36am
I was wondering if a board modification could be made to set the boards to look like this:

Image





Pwease? {Grin}
Re: Board Mod - Posted By Fel!x (felix) on 2nd Mar 08 at 12:08am
Bump XD
Re: Board Mod - Posted By Michael (wrighty) on 2nd Mar 08 at 4:37pm
Try this:
Global Footer

<style>
.top {
    border-top: 1px solid #000000;
}
.right {
    border-right: 1px solid #000000;
}
.bm * {
    font-size: 11px;
}
</style>

<div id='w_bm' style="display:none">
    <table cellspacing=0 cellpadding=3 width=100% border=0 class='bm'>
        <tr>
            <td class = "window1 right" width="5%" align="center" id='icon_hold'><div id='bm_icon'></div></td>
            <td class='window1 right' valign="top" width="60%"><span id='bm_title'></span> <span id='bm_mods'></span><div id='bm_desc'></div></div></td>
            <td class='window1 right' width="10%" align='center'><div id='bm_posts'></div><div id='bm_topics'></div></td>
            <td class='window1' valign="top" width="25%"><div id='bm_lp'></div></td>
        </tr>
        <tr id='sub_hold' style='display:none'>
            <td colspan=3 class = 'window2 top' >Sub-Boards: <span id='bm_sub'></span></td>
        </tr>
    </table>
</div>

<script>
function bm_swap(id, value){
    get(id,'id').innerHTML = value;
}

for(i=0;i<get('tr','tag').length;i++){
    if(get('tr','tag')[i].cells[0].innerHTML.match(/(No )?New Posts/) && get('tr','tag')[i].cells[0].className == 'window1'){
        bm_swap('bm_icon',get('tr','tag')[i].cells[0].innerHTML);
        bm_swap('bm_title',get('tr','tag')[i].cells[1].getElementsByTagName('span')[1].innerHTML);
        bm_swap('bm_desc',get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].innerHTML.split(/Sub-Boards:/)[0]);
        if(get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].innerHTML.match(/Sub-Boards/)){
            bm_swap('bm_sub',get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].innerHTML.split(/Sub-Boards:/)[1]);
            get('sub_hold','id').style.display = '';
            get('icon_hold','id').rowSpan = '2';
        }else{
            bm_swap('bm_sub','<i>None</i>');
            get('sub_hold','id').style.display = 'none';
            get('icon_hold','id').rowSpan = '1';
        }
        if(get('tr','tag')[i].cells[1].getElementsByTagName('span')[4]){
            bm_swap('bm_mods',get('tr','tag')[i].cells[1].getElementsByTagName('span')[4].innerHTML.replace(/Led By/,'Moderator'));
        }
        bm_swap('bm_topics',get('tr','tag')[i].cells[1].getElementsByTagName('span')[2].firstChild.innerHTML.split(/-/)[0]);
        bm_swap('bm_posts',get('tr','tag')[i].cells[1].getElementsByTagName('span')[2].firstChild.innerHTML.split(/-/)[1]);
        bm_swap('bm_lp',get('tr','tag')[i].cells[2].firstChild.innerHTML.replace(/\sby/,'<br />by'));
        get('tr','tag')[i].innerHTML = get('w_bm','id').innerHTML;
        get('tr','tag')[i].colSpan='3';
    }
}
</script>
Re: Board Mod - Posted By Fel!x (felix) on 4th Mar 08 at 6:57am
Thanks Wrighty, but it doesn't work =/
Re: Board Mod - Posted By Michael (wrighty) on 4th Mar 08 at 7:42am
Damn. Works in FF! >.< Not in others. I'll look later! {Cheesy}
Re: Board Mod - Posted By Fel!x (felix) on 4th Mar 08 at 10:31am
Okay, thanks Wrighty =]
Re: Board Mod - Posted By Michael (wrighty) on 7th Mar 08 at 11:39pm
Muahaha I am better than the code *runs round in circles* I beat it! {Grin}

Global Footer:

Code:
Select All
 
  1. <style>
  2. .top {
  3.     border-top: 1px solid #000000;
  4. }
  5. .right {
  6.     border-right: 1px solid #000000;
  7. }
  8. .bm * {
  9.     font-size: 11px;
  10. }
  11. </style>
  12.  
  13. <div id='w_bm' style="display:none">
  14.     <table cellspacing=0 cellpadding=3 width=100% border=0 class='bm'>
  15.         <tr>
  16.             <td class = "window1 right" width="5%" align="center" id='icon_hold'><div id='bm_icon'></div></td>
  17.             <td class='window1 right' valign="top" width="60%" align="left"><span id='bm_title'></span> <span id='bm_mods'></span><div id='bm_desc'></div></div></td>
  18.             <td class='window1 right' width="10%" align='center'><div id='bm_posts'></div><div id='bm_topics'></div></td>
  19.             <td class='window1' valign="top" width="25%"><div id='bm_lp'></div></td>
  20.         </tr>
  21.         <tr id='sub_hold' style='display:none'>
  22.             <td colspan=3 class = 'window2 top' align="left"><span id='bm_sub'></span></td>
  23.         </tr>
  24.     </table>
  25. </div>
  26.  
  27. <script>
  28. function bm_swap(id, value){
  29.     get(id,'id').innerHTML = value;
  30. }
  31.  
  32. for(i=0;i<get('tr','tag').length;i++){
  33.     if(get('tr','tag')[i].cells[0].innerHTML.match(/(No )?New Posts/i) && get('tr','tag')[i].cells[0].className == 'window1'){
  34.  
  35.         bm_swap('bm_icon', get('tr','tag')[i].cells[0].innerHTML);
  36.         bm_swap('bm_title', get('tr','tag')[i].cells[1].getElementsByTagName('span')[1].innerHTML);
  37.         bm_swap('bm_desc', get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].innerHTML.split(/Sub-Boards:/)[0]);
  38.   if(get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].innerHTML.match(/Sub-Boards/)){
  39.             bm_swap('bm_sub',get('tr','tag')[i].cells[1].getElementsByTagName('span')[3].getElementsByTagName('font')[0].innerHTML);
  40.             get('sub_hold','id').style.display = '';
  41.             get('icon_hold','id').rowSpan = '2';
  42.         }else{
  43.             bm_swap('bm_sub','<i>None</i>');
  44.             get('sub_hold','id').style.display = 'none';
  45.             get('icon_hold','id').rowSpan = '1';
  46.         }
  47.  
  48.         if(get('tr','tag')[i].cells[1].getElementsByTagName('span')[4]){
  49.             bm_swap('bm_mods',get('tr','tag')[i].cells[1].getElementsByTagName('span')[4].innerHTML.replace(/Led By/,'Moderator'));
  50.         }
  51.         
  52. bm_swap('bm_topics',get('tr','tag')[i].cells[1].getElementsByTagName('span')[2].firstChild.innerHTML.split(/-/)[0]);
  53.         bm_swap('bm_posts',get('tr','tag')[i].cells[1].getElementsByTagName('span')[2].firstChild.innerHTML.split(/-/)[1]);
  54.  
  55.         bm_swap('bm_lp',get('tr','tag')[i].cells[2].firstChild.innerHTML.replace(/\sby/,'<br />by'));
  56.         get('tr','tag')[i].firstChild.innerHTML = get('w_bm','id').innerHTML;
  57.         get('tr','tag')[i].cells[1].style.display = get('tr','tag')[i].cells[2].style.display='none';
  58.         get('tr','tag')[i].firstChild.colSpan='3';
  59. get('tr','tag')[i].parentNode.parentNode.cellPadding = '0';
  60.        
  61.     }
  62. }
  63. </script>
 
Re: Board Mod - Posted By Fel!x (felix) on 8th Mar 08 at 12:17am
Thanks Wrighty, go you! xD
Re: Board Mod - Posted By Michael (wrighty) on 8th Mar 08 at 12:18am
{Smile}

You're welcome!