[HowTo] Design and Tweak your Frontpage

[HowTo] Design and Tweak your Frontpage

v1.0.0 [build for vBulletin 2.2.6 Final] last update:12/06/02

_____ Introduction:

• Each vBulletin forum installed on a web server is either a part of a web site or maybe the web site itself. Either way, the section that is probably the most requested by the end-user is the frontpage which holds the introduction to the forum, the categories with its boards and maybe some other boxes like the private messages, who is currently online and the birthdays. It speaks for itself, that at least this page should give a good impression to the end-user who is browsing your web site. And might consider to continue to browse it and maybe even register.
  
  It has been six months now since I have purchased a license for vBulletin. And since my forum has been online I had a lot of questions and awnsers to them on how to improve my site. Some that did not had a direct awnser and were sometimes somewhat hard to figure out, got sorted out and put together as a little how to so I could share the knowledge with other members who had the same questions and were looking for the same awnsers. Several of those threads turned out pretty nice and with some we found some issues and even though we were able to 'fix' them, the threads did look a bit messy. It was hard to figure out sometimes what to do where, etc. So that is why I have put together this thread, with some design tips and some tweaks in an easy (and better ordered) overview.
  
  Please understand that I am not a guru in anything, and that I am trying my best to get things to work for everybody. However, I will not and can not support older versions of these hacks, older versions of vBulletin, and/or integration with other code-hacks / template modifications. All template modifications in this thread are based on a clean installation of vBulletin 2.2.6 final. Some of the provided code are also very good examples on how you could continue to apply them to other pages of your board; so read and learn > 'How can I do this on that other page?'-questions means that you didn't read and learned.
  
  Said that, let's explain what you can expect.

_____ Index:[list=1][*] Breaking up the categories from eachother[*] Adding background images to the categories[*] Adding onMouseOver-highlighting effect to the boards[*] Adding your own (blinking and clickable) private messages images[/list=1]

[kipy]

I have been having some problems trying to get this to work, does this work with Vbulletin version: 2.3.2 ?

[imported_Matt Whelan]

Originally Posted by Matt Whelan

Ok, I found out how to edit the appropriate <br> tags, but I still do not know how to remove that horizontal line, underscore, call it what you will. Any ideas? Thanks!

Anyone?

Thank you.

[Lady Ginasue]

I use Version 2.3.2 and this hack worked like a charm on my site.

[crypticways]

Doesn't work in 2.3.2

[Rusche]

This is brilliant, excatly what im looking for! Thank you

[[Dx]]

For the strange line at top

In the forumhome template:

<!-- main -->
remove this:

<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">

vb 3.3.2