Alright, recently we had a server crash, so needless to say the main site is currently down. But that's because I've been diligently working on the design of the forum. I was wondering if you guys could give it a check out. It's a Paid to forum and will be growing even quicker than before I feel with the layout. We already have over 76,000 hits in 3 days of it going down and us losing all the files.

Let us know what you think.

http://publik.thegview.com

It's really cool. I know this post is completely useless, I'm not posting to be able to add my site to review, anyway. I like the way you connect page elements, integrate ads with the content, merge logos with panels, it looks pretty smooth. Nice work.

I like the our programs that really cool.. do you know one for the forum SMF

This layout is completely original to tell you the truth. I have basically flipped over backwards with the vbulletin script. I can almost tell you exactly how to display anything in the database using their system. As far as the actual rollover effects used with the "Our Programs" page, you can use the following script.

Put the following within the header:

<style>
.tableRollOverEffect1, .tableRollOverEffect1 a, .tableRollOverEffect1 a:active, .tableRollOverEffect1 a:visited, .tableRollOverEffect1 a:hover{
background-color:#36718f;
color:#dbeaf2;
text-decoration: none;
}

.tableRowClickEffect1, .tableRowClickEffect1 a, .tableRowClickEffect1 a:active, .tableRowClickEffect1 a:visited, .tableRowClickEffect1 a:hover{
background-color:#99cc00;
color:#000;
font-weight: bold;
text-decoration: none;

</style>
}
<script type="text/javascript">
    var arrayOfRolloverClasses = new Array();
    var arrayOfClickClasses = new Array();
    var activeRow = false;
    var activeRowClickArray = new Array();
    
    function highlightTableRow()
    {
        var tableObj = this.parentNode;
        if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;

        if(this!=activeRow){
            this.setAttribute('origCl',this.className);
            this.origCl = this.className;
        }
        this.className = arrayOfRolloverClasses[tableObj.id];
        
        activeRow = this;
        
    }
    
    function clickOnTableRow()
    {
        var tableObj = this.parentNode;
        if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;        
        
        if(activeRowClickArray[tableObj.id] && this!=activeRowClickArray[tableObj.id]){
            activeRowClickArray[tableObj.id].className='';
        }
        this.className = arrayOfClickClasses[tableObj.id];
        
        activeRowClickArray[tableObj.id] = this;
                
    }
    
    function resetRowStyle()
    {
        var tableObj = this.parentNode;
        if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;

        if(activeRowClickArray[tableObj.id] && this==activeRowClickArray[tableObj.id]){
            this.className = arrayOfClickClasses[tableObj.id];
            return;    
        }
        
        var origCl = this.getAttribute('origCl');
        if(!origCl)origCl = this.origCl;
        this.className=origCl;
        
    }
        
    function addTableRolloverEffect(tableId,whichClass,whichClassOnClick)
    {
        arrayOfRolloverClasses[tableId] = whichClass;
        arrayOfClickClasses[tableId] = whichClassOnClick;
        
        var tableObj = document.getElementById(tableId);
        var tBody = tableObj.getElementsByTagName('TBODY');
        if(tBody){
            var rows = tBody[0].getElementsByTagName('TR');
        }else{
            var rows = tableObj.getElementsByTagName('TR');
        }
        for(var no=0;no<rows.length;no++){
            rows[no].onmouseover = highlightTableRow;
            rows[no].onmouseout = resetRowStyle;
            
            if(whichClassOnClick){
                rows[no].onclick = clickOnTableRow;    
            }
        }
        
    }
    </script>

Put this where you want the code to be displayed:

<table class="progs" id="program">
    <thead>
        <tr>
            <td>Header</td>
            <td>Header</td>
            <td>Header</td>
            <td>Header</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td height="10" colspan="4"></td>
        </tr>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>
    </tbody>
</table>

<script type="text/javascript">
addTableRolloverEffect('program','tableRollOverEffect1','tableRowClickEffect1');
</script>

I hope this is what you meant.

WOW I like it

Nice one!
What is it based on? PHPbb or what?
Anyways considering the layout you have nothing to wary about. I mean it's kinds classical for the forums and proved itself to be efficient.

Yeah, although I'm still trying to edit some other parts of the site. My goal is to make it not look like forums. I've actually gotten a few offers to custom design a few website forums from it, which is great.

In changing the layout I got rid of a lot of unnecessary information that they had on there. They have way too many unneeded tags in their script. And oh yeah, to answer your question it's vBulletin. This is the farthest I've gone into stripping a forums' coding.

If any of you have any recommendations, they would be greatly appreciated.