[HowTo] Design and Tweak your Frontpage

[Floris]

[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]

[Floris]

(1) Breaking up the categories from eachother

(description)
This template modification will put a white space between the categories so they appear as they are no longer attached to eachother, giving the effect as if each category is in its own block; giving a much better overview of your topics.

(installation)
We are going to modify a few original templates, and because we had some users who said they couldn't revert to original after things got messy; so .. backup! > copy the template, paste in notepad, save as templatename_template_original.txt.
Ok, installation will be done in a few steps:

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome > change original
Find the following code (should be above $forumbits) and remove it from the template:
<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont>&nbsp;</smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
Now find $forumbits again and on a new line below it add the following code:
</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">

Now find this code:
<!-- main -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"> and replace it with this code:
<!-- main -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{pagebgcolor}" {tableouterextra} width="{contenttablewidth}" align="center">
Now "Save" the forumhome template and continue to step 2.

Step 2
Click on forumhome_forumbit_level1_nopost > Change original
The first line should be: <tr id="cat">, BEFORE this, add the following code (on a empty line):
</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">

The last line should be: </tr>, AFTER this, add the following code (on an empty line):

<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>

Now "Save" the forumhome_forumbit_level1_nopost template and continue to step 3.

Step 3
Click on forumhome_forumbit_level2_nopost > Change original
The last line should be: </tr>, AFTER this, add the following code (on an empty line):

<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>

Now "Save" the forumhome_forumbit_level2_nopost template.

Done!

[Floris]

(2) Adding background images to the categories

(description)
This template modification will set a background image to the category and the index row. This will give a nice texture effect and dimension to your frontpage. Away with that flat-look! This is also the perfect way to integrate the look of your web site into your forum.

(installation)
We are going to modify a few templates, and because we modified them in our previous post, I assume they are not original no more. So these next step are only correct if you have applied the template modification from the previous post.
Ok, installation will be done in a few steps:

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome_forumbit_level1_nopost > edit
find the following code:
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6">
and replace that with:
<tr id="cat">
<td background="{imagesfolder}/frontpage/cat_bg_01.gif" bgcolor="{categorybackcolor}" colspan="6">
Now find this code: (at the end of the template)
<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
And replace that with the following code:
<tr align="center">
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td background="{imagesfolder}/frontpage/cat_bg_02.gif" bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>
Now "Save" the forumhome_forumbit_level1_nopost template and continue to step 2.

Step 2
Open template forumhome_pmloggedin > Change original
Find the following code:
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6">
and replace it with the following code:
<tr id="cat">
<td background="{imagesfolder}/frontpage/cat_bg_01.gif" bgcolor="{categorybackcolor}" colspan="6">
Now "Save" the forumhome_pmloggedin template and continue to step 3.

Step 3
Open template forumhome_loggedinusers > Change original
Find the following code:
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6">
and replace it with the following code:
<tr id="cat">
<td background="{imagesfolder}/frontpage/cat_bg_01.gif" bgcolor="{categorybackcolor}" colspan="6">
Now "Save" the forumhome_loggedinusers template and continue to step 4.

Step 4
Login to your web server with your FTP client and browse to the images/ directory.
Create a new directory in the images/ directory called 'frontpage'. (so we have images/frontpage/)
Upload your cat_bg_01.gif and cat_bg_02.gif to this new directory (images/frontpage/) - and log out.

Done!

(Please note that I did not include the cat_bg_0*.gif images, and that the below screenshot is ugly, I just used a random image to highlight the effect - the best way is to make them yourself!)

[Floris]

(3) Adding onMouseOver-highlighting effect to the boards

(description)
This template modification will set an inversed color effect to the boards. So when you hover with your mouse over a board, it will highlight and clickable to that specific board. (And when you move your mouse out of the board, it will return to original color). Very nice!

(installation)
This is only going to take one template modification and should be pretty easy.

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome_forumbit_level2_post > edit
find the following code:
<td bgcolor="{firstaltcolor}" align="left">
and replace that with:
<td bgcolor="{firstaltcolor}" align="left"
onMouseOver="this.style.backgroundColor='{secondaltcolor}';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='{firstaltcolor}';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'">
Now "Save" the forumhome_forumbit_level2_post template.

Done!

(For more of these onMouseOver highlighting effects, please read the original thread: here (http://www.vbulletin.com/forum/showthread.php?s=&threadid=38735))

[Floris]

(4) Adding your own (blinking and clickable) private messages images

(description)
On the index page of your forum, there is a box that says "Private Messages" with an default vBulletin on/off icon and the message if there are any messages and/or how many there are unread/total.
This hack does two things to this box:
1- Lets you use your own on/off image-icons
2- Makes the icon clickable which feels more 'natrual'.

(installation)
We are going to modify a template, and because we modified it in our previous post(s), I assume it is not original no more. So these next step are only correct if you have applied the template modification from the previous post(s).
Ok, installation will be done in a few steps:

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome_pmloggedin > edit
find the following code:
<tr id="cat">
<td background="{imagesfolder}/frontpage/cat_bg_01.gif" bgcolor="{categorybackcolor}" colspan="6"><a href="private.php?s=$session[sessionhash]"
title="Click Here to Open Your Private Messages $inboxname"><normalfont color="{categoryfontcolor}"><b>Private Messages</normalfont></b></a></td>
</tr>
<tr>
<td bgcolor="{secondaltcolor}" align="center" valign="top"><img src="{imagesfolder}/$lightbulb.gif" alt=""></td>
<td bgcolor="{firstaltcolor}" colspan="5"><smallfont>
<b>$bbuserinfo[username]</b> - You have $newpm[messages] new message(s) since your last visit.<br>
(You have $unreadpm[messages] unread messages and $allpm[messages] total messages in all your folders.)</smallfont></td>
</tr>
and replace that with:
<tr id="cat">
<td background="{imagesfolder}/frontpage/cat_bg_01.gif" bgcolor="{categorybackcolor}" colspan="6"><a href="private.php?s=$session[sessionhash]"
title="Click Here to Open Your Private Messages $inboxname"><normalfont color="{categoryfontcolor}"><b>Private Messages</normalfont></b></a></td>
</tr>
<tr>
<td bgcolor="{secondaltcolor}" align="center" valign="top">
<a href="private.php?s=$session[sessionhash]" title="Click Here to Open Your Private Messages $inboxname">
<img src="{imagesfolder}/frontpage/$lightbulb.gif" alt="Private Messages System" border="0">
</a></td>
<td bgcolor="{firstaltcolor}" colspan="5"><smallfont>
<b>$bbuserinfo[username]</b> - You have $newpm[messages] new message(s) since your last visit.<br>
(You have $unreadpm[messages] unread messages and $allpm[messages] total messages in all your folders.)</smallfont></td>
</tr>
Now "Save" the forumhome_pmloggedin template and continue to step 2.

Step 2
Login to your web server with your FTP client and browse to the images/frontpage/ directory.
Upload your on.gif and off.gif to this directory (images/frontpage/) - and log out.

Done!

(Please note that I did not include the .gif images, if you want to use the images I use, please download them from: here (http://www.vbulletin.com/forum/attachment.php?s=&postid=242406)!)

[Floris]

Here are the posts from the original threads;
use them for reference, nostalgy, whatever.
(support has dropped for these threads)
[howto] -> Spaces Between Categories (http://www.vbulletin.com/forum/showthread.php?s=&threadid=36832)
Background images .. (never released this one)
[HowTo] Make your boards highlight with onMouseOver (template) hack (http://www.vbulletin.com/forum/showthread.php?s=&threadid=38735)
[PM] Your own on/off clickable icons (template) hack (http://www.vbulletin.com/forum/showthread.php?s=&threadid=38704)


I could include other frontpage hacks in this thread, but I did not make them, and the support is done by the author of that particular template mod. So, use that thread. *g*

If you are going to reply or comment on one of the four template mods, then please include which one. Thank you.

All the above template modifications are applied to my personal web site which is powered by vBulletin 2.2.6 (http://www.creations.nl/) and these hacks are tested on this site, as well as on my private -none public - test board on my computer.

I do hope that someone likes these template mods and I do hope I didn't make any mistakes (and if so, I will update the appropiate post). ENJOY

[DestyNova]

Excellent! It is finally work!

Many thanks!

[bluecat]

Thank you. Excellent step by step instructions. :)

[hypedave]

thankyou for taking the time to share this info with us,

[VeRTeX]

wow that just owns, haha write a book = ]

actually i think someone should make this sticky and maybe added to the users guide, very nice job,

two thumbs up man and keep them coming = ]

[N9ne]

I use almost all of your template mods :) keep it up!!!!

I'm rating this thread 5 star because it's brilliant :)

[N9ne]

Okay I've run into a problem; I've installed the space between categories mod but I get these lines. Now I tried getting rid of one by doing what was stated in the other topic about getting rid of the line. Didn't work.

This is a picture of when I'm logged out. I see two lines at the top, and one at the bottom. One line is above whos online and one below.

[N9ne]

This is a pic of the line at the bottom when logged out. When logged in, the line above who's online disappears but the rest stay.

[rapspits]

I would say .... In the oringinal "space between categories" . THere is a way to get rid of the line . Go take a look at the tutorial . Read thuroughly and you should be able to get rid of it.

[N9ne]

Originally posted by rapspits
I would say .... In the oringinal "space between categories" . THere is a way to get rid of the line . Go take a look at the tutorial . Read thuroughly and you should be able to get rid of it.

In my post in this topic i said i'd read it and it didn't remove the line. I can post my templates' code on request in here, if that may help fix the problem.

[N9ne]

Can this be fixed? Can it be done just through templates or is it a coding problem?!

[Floris]

Originally posted by N9ne
Can this be fixed? Can it be done just through templates or is it a coding problem?!
Obviously you have replaced some other sections of the forumhome template, displacing the table nesting perhaps when applying the category split up mod. I'd say, revert to original, apply the hack, and re-apply the other hacks to this one. (Or check the table nesting)

Your signature states: My vB 2.2.5 Forum *warning -- contains over 20 hacks*
My first post states: 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.

I also integrated a fix to make the Whois Currently Online, NOT sticky to the categories. But since you moved this part, you maybe could skip that .. The instructions were to find $forumbits and below it add:</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">You could remove those lines again and see if that might fix the double table's being created, which show up as a line. (just a thought)


Originally posted by DestyNova
Excellent! It is finally work!

Many thanks!
I am happy to hear that this 'tweaked' edition with all the bug fixes and other design flaws we run into, finally works for your board. Enjoy.

Originally posted by bluecat
Thank you. Excellent step by step instructions. :)
I tried to make it as clear as possible. If I come back in somewhat months and I need it myself again, I wouldn't want to go 'MoO?' - especially since I typed it myself :P

Originally posted by hypedave
thankyou for taking the time to share this info with us,
No problem, it took me enough time to figure it out. And when others make something I can use, I am glad they did it too. This is what makes a community work I believe. Thank you for noticing.

Originally posted by VeRTeX
wow that just owns, haha write a book = ]

actually i think someone should make this sticky and maybe added to the users guide, very nice job,

two thumbs up man and keep them coming = ]
I doubt that this will be included in my auto biography :P
It would be nice if this would be considered pretty helpfull, and that it ends up as a sticky, or maybe gets moved to the hints & tips section. But it doesn't really matter. As long as license holders can use it to the max.
I will try to keep them comming, but I am a little bit coded out. Got the bulk of my site done now, and am just tweaking the individual pages to my liking. (cough, waiting to see what vB3 will bring, cough)

Originally posted by N9ne
I use almost all of your template mods :) keep it up!!!!

I'm rating this thread 5 star because it's brilliant :)
Thank you for rating this thread :) *sweet* Your site looks damn good, probably ends up as BotM sometime :D


Enjoy people.

[N9ne]

Ok I removed the lines of code you quoted in your post just above ^ and that got rid of the line at the bottom of the forums in both logged in and guest modes.

However at the top the problem still remains where:

When Logged Out: A line above and below Currently Active Users.

When Logged In: A line below Currently Active Users.

I'm on 2.2.6, my sig is out of date as that forum is closed.

I can't post the URL to my board as it's private until it's done, I posted screens though.

If you want me to post the code inside any of my templates, please just say so :)

Thanks for the help, we're 50% there, the line at the bottom is gone :)

[Floris]

Originally posted by N9ne
Ok I removed the lines of code you quoted in your post just above ^ and that got rid of the line at the bottom of the forums in both logged in and guest modes.

However at the top the problem still remains where:

When Logged Out: A line above and below Currently Active Users.

When Logged In: A line below Currently Active Users.

I'm on 2.2.6, my sig is out of date as that forum is closed.

I can't post the URL to my board as it's private until it's done, I posted screens though.

If you want me to post the code inside any of my templates, please just say so :)

Thanks for the help, we're 50% there, the line at the bottom is gone :)
If removing those lines from the forumhome template worked to get those lines on screen gone, then i still do think that it is the table nesting. Which is not properly done, due to possible other template mods.

[N9ne]

I don't think I've changed much else in forumhome though. I've put Who's Online at the top, I've installed the Welcome Panel, but that's it...
:confused:

Here's my forumhome template, maybe this'll make it easier to find a fix; i'm no good with HTML or tables :(

{htmldoctype}
<html>
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- end no cache headers -->
<meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
<meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
<title>$bbtitle - powered by vBulletin</title>
$headinclude
</head>
<body>
$header

<!-- text -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><a href="javascript:window.location=window.location"><img src="{imagesfolder}/vb_bullet.gif" border="0" align="middle" alt="$bbtitle : Powered by vBulletin version $templateversion"></a>
<normalfont><b>$bbtitle</b></normalfont></td>
</tr>
</table>

<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="bottom">
<td><smallfont>
Members: $numbermembers, Threads: $totalthreads, Posts: $totalposts<br>
Welcome to our newest member, <a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$newuserid"><b>$newusername</b></a><br><a href="store.php?s=$session[sessionhash]&action=main"><b><u>$storename</u></b></a>
</smallfont></td>
</tr>
</table>
<!-- /text -->

<!-- welcomepanel -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center">
<tr>
<td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6"><normalfont color="{categoryfontcolor}"><b><center>Welcome</center></b></normalfont></td>
</tr>
<tr>
<td bgcolor="{secondaltcolor}" align="center" valign="top" width="100">$avatarimage</td>
<td bgcolor="{firstaltcolor}">
<smallfont>
$unregwelcomemessage
$welcometext<br>
The time now is $timenow.<br>
You last visited: $bbuserinfo[lastvisitdate].<br>
<b>$newposts</b><br><b>$pointname:</b> $storepoints
</smallfont>
</td>
<td bgcolor="{secondaltcolor}" align="center" valign="middle" width="300">
$logincode
</td>
</tr>

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

$pminfo
</table>
</td></tr></table>
<!-- /welcomepanel -->

<br>

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

$loggedinusers

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






$forumbits



$birthdaybits
</table>
</td></tr></table>
<!-- /main -->

<br>

<!-- timezone/login-->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><smallfont>$timezone</smallfont></td>
<td align="right">$logincode</td>
</tr>
</table>
<!-- /timezone/login -->

<br>

<!-- icons -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr>
<td align="center">
<img src="{imagesfolder}/on.gif" border="0" alt="On" align="absmiddle">
<b><smallfont>New posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/off.gif" border="0" alt="Off" align="absmiddle">
<b><smallfont>No new posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/lock.gif" border="0" alt="Closed Forum" align="absmiddle">
<b><smallfont>A closed forum</smallfont></b>
</td>
</tr>
</table>
<!-- /icons -->

$footer
</body>
</html>

[Dean C]

this is a very useful thread xihpoid (as ever!) ... i have worked this out myself but the code is a bit messy... perhaps an addition to this thread would be HOWTO put your forums into a table ... as seen at yaxay.com/yack and many other forums... its a very nice addition to any site ...

jus an idea :D

l8er

[Floris]

n9ne, i have no idea .. sorry, your template looks ok.

[N9ne]

Hmm, could it possibly be something to do with some code below Currently Active Users? Because You told me to remove the code below forumbits was it? And it worked, so maybe it's something to do with that? also, I think the reason there's an extra line ABOVE who's online when Logged OUT is because the PM thing is there normally, but the user is not logged in so the data is not shown but the table is?

[Floris]

Originally posted by N9ne
Hmm, could it possibly be something to do with some code below Currently Active Users? Because You told me to remove the code below forumbits was it? And it worked, so maybe it's something to do with that? also, I think the reason there's an extra line ABOVE who's online when Logged OUT is because the PM thing is there normally, but the user is not logged in so the data is not shown but the table is?
I wouldn't know. I only made this for a clean install.

[N9ne]

Ok I managed to get rid of the lines everywhere for when you're logged in, but for logged out, where the PM info is normally, there is a line :( And I don't know how to get rid of it. anyone got any ideas?

[MoonSlasher]

Thanks xiphoid, they all work perfect and my forum looks much cooler now :)
I had to change something though (spaces between forums) because my PM ''category'' strip was somewhat smaller then all the other category strips (and I'm using a bg for them).

[Floris]

Originally posted by MoonSlasher
Thanks xiphoid, they all work perfect and my forum looks much cooler now :)
I had to change something though (spaces between forums) because my PM ''category'' strip was somewhat smaller then all the other category strips (and I'm using a bg for them).
Just surfed your site, it looks damn good :)

[CarlosC]

Just a probably stupid question:
Wich is the size of the images for the background?
Thanks

[Floris]

Originally posted by CarlosC
Just a probably stupid question:
Wich is the size of the images for the background?
Thanks
That depends on a few things:
Your font type & size and if you are using a forum description or not. So this is totally up to you. It is a matter of playing around and testing.

[drumsy]

Any other neat tricks/modifications you'd care to share with us??

[Floris]

Originally posted by drumsy
Any other neat tricks/modifications you'd care to share with us??
Search the template & Hints & Tips boards.

[kenny@ecn]

Originally posted by xiphoid
(3) Adding onMouseOver-highlighting effect to the boards

(description)
This template modification will set an inversed color effect to the boards. So when you hover with your mouse over a board, it will highlight and clickable to that specific board. (And when you move your mouse out of the board, it will return to original color). Very nice!

(installation)
This is only going to take one template modification and should be pretty easy.

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome_forumbit_level2_post > edit
find the following code:
<td bgcolor="{firstaltcolor}" align="left">
and replace that with:
<td bgcolor="{firstaltcolor}" align="left"
onMouseOver="this.style.backgroundColor='{secondaltcolor}';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='{firstaltcolor}';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'">
Now "Save" the forumhome_forumbit_level2_post template.

Done!

(For more of these onMouseOver highlighting effects, please read the original thread: here (http://www.vbulletin.com/forum/showthread.php?s=&threadid=38735))


Anyway one of you guys can alter this so when you go over it- it turns white? The guys on my site are gettin neausous with the colors:

http://exoticcarforums.com/index.php?s=


White please :)

[Floris]

Originally posted by kenny@ecn



Anyway one of you guys can alter this so when you go over it- it turns white? The guys on my site are gettin neausous with the colors:

http://exoticcarforums.com/index.php?s=


White please :) Change {secondaltcolor} to #FFFFFF

[Floris]

Originally posted by GamerForums
Thanks for this! :D No problem.

[RavenBeauty]

I dont want to make you mad Xiphoid but I have the same problem and am too dumb to fix it... here is my forum home template and I too have the dreaded black line.. and one other problem.. somehow i lost the black border on the top table where who's online is along with PM notification. Im sorry as I can see you all hate to be asked about the black line but I thought I would try anyway. IF there are no answers and I have tried all of the above that was suggested, I guess I will just live with it but it sure is ugly. :(
I know its my fault tho just to be sure you dont think Im blaming your fix which all of them are WONDERFUL!


{htmldoctype}
<html>
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- end no cache headers -->
<meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
<meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
<title>$bbtitle - powered by vBulletin</title>
$headinclude
</head>
<body>
$header

<!-- text -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><img src="{imagesfolder}/vb_bullet.gif" border="0" align="middle" alt="$bbtitle : Powered by vBulletin version $templateversion">
<normalfont><b>$bbtitle</b></normalfont></td>
<td align="right"><smallfont>$welcometext<br><b>$newposts</b></smallfont></td>
</tr>
</table>

<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
$unregwelcomemessage
<tr valign="bottom">
<td><smallfont>
Members: $numbermembers, Threads: $totalthreads, Posts: $totalposts<br>
Welcome to our newest member, <a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$newuserid">$newusername</a>
</smallfont></td>
<td align="right"><smallfont>
The time now is $timenow.<br>
You last visited: $bbuserinfo[lastvisitdate].
</smallfont></td>
</tr>
</table><!-- /text -->
<br>
<!-- main -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{pagebgcolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
$loggedinusers
$birthdaybits
$pminfo
</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="1" {tableinnerextra} width="100%">
$forumbits
$birthdaybits
$pminfo
</table>
</td></tr></table>
<!-- /main -->

<br>

<!-- timezone/login-->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><smallfont>$timezone</smallfont></td>
<td align="right">$logincode</td>
</tr>
</table>
<!-- /timezone/login -->

<br>

<!-- icons -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr>
<td align="center">
<img src="{imagesfolder}/on.gif" border="0" alt="On" align="absmiddle">
<b><smallfont>New posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/off.gif" border="0" alt="Off" align="absmiddle">
<b><smallfont>No new posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/lock.gif" border="0" alt="Closed Forum" align="absmiddle">
<b><smallfont>A closed forum</smallfont></b>
</td>
</tr>
</table>
<!-- /icons -->

$footer
</body>
</html>

[Floris]

I think it is because you have a background image instead of a set color. This will make bgcolor="{pagebgcolor}" just display the black color it seems. Maybe you can fix it with removing that and replace it with background="transparant.gif" which is a 1x1 transparant pixel image. Just a guess. Otherwise I wouldn't know.

[miketyler]

Have successfully set the mouseover highlight and the separated categories mods in place and they look great. Thanks for those, they are excellent, however the background image mod is kicking my butt here. My template for
'forumhome_forumbit_level1_nopost' does not include the lines you mention at the bottom of the template. In fact the entire template is this:

</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
<br><smallfont color="{categoryfontcolor}">$forum[description]</smallfont></td>
</tr>

I do not find the code below that is supposed to be at the end of the template:

code:--------------------------------------------------------------------------------<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="170" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr>--------------------------------------------------------------------------------

As I said, I have already installed both the other front page mods and was hoping you could help me here - TIA

:) :)

[Floris]

If you have indeed installed the other frontpage mods, then you made an error, obviously. Since in 'breaking up the cats' mod it says in step 2: You should find this "<tr id=cat> and BEFORE that add..', if you successfully installed the other hack, than in the category background image mod, you should see that line again .. for it did not got removed and both are the same template. (uhm, sorry for poor english)

[RavenBeauty]

I just went ahead and reverted back to an old notepad that I had saved under the title GOOD Forum Home Page and then sat back and prayed! I would suggest to all if you EVER get a good thing going, and your like me you can't figure out how to find those little symbols that cause these problems, SAVE IT TO NOTEPAD! IT has helped me so much to have that to fall back on!... For some of us undoing an error is harder than it ought to be but we cain't hep it :D Also I am quite PROUD of myself! I INSTALLED the latest version all by myself and IT Was so easy I was stunned! All this time I have been terrified I would destroy the whole entire board! but it went like a dream! Hurray for one small step for this woman!

[Floris]

Originally posted by RavenBeauty
I just went ahead and reverted back to an old notepad that I had saved under the title GOOD Forum Home Page and then sat back and prayed! I would suggest to all if you EVER get a good thing going, and your like me you can't figure out how to find those little symbols that cause these problems, SAVE IT TO NOTEPAD! IT has helped me so much to have that to fall back on!... For some of us undoing an error is harder than it ought to be but we cain't hep it :D Also I am quite PROUD of myself! I INSTALLED the latest version all by myself and IT Was so easy I was stunned! All this time I have been terrified I would destroy the whole entire board! but it went like a dream! Hurray for one small step for this woman! One of my advices in the first template mod on this thread was to backup to a notepad :) It is always smart to do.

[N9ne]

I just thought of something. I managed to get rid of all the lines apart from the one where you are logged out and there is a line where the PMINFO would normally be...well I was thinking, because you're logged out, and therefore cannot receive PMs, it doesn't show the contents of the table. So that means there is an empty table in the welcome panel code in the forumhome table...maybe if you put *all* of the code for the pm bar into the pm template, all would be good :)

/me tests this

[N9ne]

ok it didn't work, I'm going to leave it for now, my head hurts. If anyone finds out a fix, good on ya ;)

[Sagara Sanosuke]

Yo ;)

I'm recieving a weird error on the breaking the forum Frontpage trick just as some other people were. Mine is less severe, but still as annoying. At the top of my forums and bottom is a horizontal line that appears to look like a <hr> tag, although suspecting enough it isn't. My guess is something got messed up in the adding of <td>,<tr>,<table> tags but I'm not sure what...

If you have any hints on to what or where the problem may be sourcing from, please let me know. I have installed everything perfectly as said so in instructions.

Regards,
Sanosuke

[Floris]

Originally posted by Sagara Sanosuke
Yo ;)

I'm recieving a weird error on the breaking the forum Frontpage trick just as some other people were. Mine is less severe, but still as annoying. At the top of my forums and bottom is a horizontal line that appears to look like a <hr> tag, although suspecting enough it isn't. My guess is something got messed up in the adding of <td>,<tr>,<table> tags but I'm not sure what...

If you have any hints on to what or where the problem may be sourcing from, please let me know. I have installed everything perfectly as said so in instructions.

Regards,
Sanosuke I have tested several scenario's with a 100% clean installation. It might 'screw up' the table nesting, when other template mods or code mods are installed. Therefor I can't support that. However, in those cases where it just shows up that way, and no mods have been made. It is weird :P It is occuring because the table background color needs to be either a transparant 1x1 .gif image or the background color of the page. Maybe when breaking the set up with moving the PM box or the birthday box to the top is causing table nesting to go wrong. In this case, find the last table that has a *bits request in them and apply the right color to that <table>. I think.

[Sagara Sanosuke]

Ok, I will try to do that. Thanks ;)

[Reverend]

In the breaking up categories mod,i notice the box with the on/off gif for PM's is larger than the the forum on/off gif box.
Is there a way to make the PM box the same size as the forum one.
Sorry if that sounds a bit confusing.
I haven't installed this mod on my board yet,so I have attached the original screenshot from xiphoids post to explain what i mean.

[Floris]

That has nothing to do with my temp mods :> Just default vBulletin template modding.

The boards are using spanning for 6. and hte first cell to 20%, you can try to do this to the PM box aswell.

[Reverend]

Originally posted by xiphoid
That has nothing to do with my temp mods :> Just default vBulletin template modding.

The boards are using spanning for 6. and hte first cell to 20%, you can try to do this to the PM box aswell.

Yeah sorry didn't mean to imply it was your mod that was causing it.
Which template would the PM box coding be in?

[miketyler]

Originally posted by xiphoid
If you have indeed installed the other frontpage mods, then you made an error, obviously. Since in 'breaking up the cats' mod it says in step 2: You should find this "<tr id=cat> and BEFORE that add..', if you successfully installed the other hack, than in the category background image mod, you should see that line again .. for it did not got removed and both are the same template. (uhm, sorry for poor english)

You were correct - went back and went thru step by step and found two I missed from previous mod (wierd though because it still worked)

At any rate, have followed the steps to the letter, have created the images/frontpage dirs and have two gifs named appropriately and it still dosnt work. I see no changes to my board. have rebooted the server and still no BG images - would youhave any ideas?

[king sting]

hey man i installed the one for the background picture on the cats.. but how would i get that in on the welcome cat bar and some of the other ones.. like the top author and all those also? sicc tho.. just need alittle help! thanx

[Floris]

Originally posted by king sting
hey man i installed the one for the background picture on the cats.. but how would i get that in on the welcome cat bar and some of the other ones.. like the top author and all those also? sicc tho.. just need alittle help! thanx
Go to your vBulletin Admin Control Panel
2. Scroll down to Styles
3. Click the Modify link
4. Select the style you want to change, and click on fonts/colors/etc
5. Scroll down to Category Strip Background Color
6. Replace the contents of the textbox with this:
#006699" background="images/frontpage/cat_bg_01.gif
Make sure you substitute the proper color and location of your background image. Note that there is not a closing quotation mark at the end.
7. Submit, and enjoy

(author of that one is DirectPixel)

[nocturnix]

Not sure where this line is coming from and how to get rid of it, I assume its some overlapping border table/row/column that is screwed up. Any ideas on what it could be? Or how to fix it? I can provide you with more information if needed, just tell me what you need to see.

Thanks,

-nocturnix

[Floris]

Hey there :)
Nice moderator, thank you for moving my thread to the hints & tips section. Appreciated.

[Floris]

Originally posted by nocturnix
Not sure where this line is coming from and how to get rid of it, I assume its some overlapping border table/row/column that is screwed up. Any ideas on what it could be? Or how to fix it? I can provide you with more information if needed, just tell me what you need to see.

Thanks,

-nocturnix
Just go through some templates from the forumhome template set and see which table it could be and set its background color to the page background color.

[Thunderpuck]

GREAT JOB XIPHOID! Thanks so much for posting this thread and making the installation so easy.

[stocker]

Take a look at www.superstockforum.com
Only the top forum onmouseover works?

Thxs

Dale

[Floris]

Originally posted by stocker
Take a look at www.superstockforum.com
Only the top forum onmouseover works?

Thxs

Dale Guessing the rest are deeper subforums.

[XtReMaTriX]

Hi, I am trying to make this custom welcome on my forum but after several hours of messing around I got the main part to come up, but I cant et the avatar to load. If some one could help me out that would be great! Well this picture whould shows what i am trying to do. Please help.
This is what i have so far:
{htmldoctype}
<html>
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- end no cache headers -->
<meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
<meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
<title>$bbtitle - powered by vBulletin</title>
$headinclude
</head>
<body>
$header

<!-- text -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><img src="{imagesfolder}/vb_bullet.gif" border="0" align="middle" alt="$bbtitle : Powered by vBulletin version $templateversion">
<normalfont><b>$bbtitle</b></normalfont></td>
</tr>
</table>

<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="bottom">
<td><smallfont>
Members: $numbermembers, Threads: $totalthreads, Posts: $totalposts<br>
Welcome to our newest member, <a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$newuserid">$newusername</a>
</smallfont></td>
</tr>
</table>
<!-- /text -->
<!-- welcomepanel -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center">
<tr>
<td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6"><normalfont color="{categoryfontcolor}"><b><center>Welcome</center></b></normalfont></td>
</tr>
<tr>
<td bgcolor="{secondaltcolor}" align="center" valign="top" width="130">$avatarimage</td>
<td bgcolor="{firstaltcolor}">
<smallfont>
$unregwelcomemessage
$welcometext<br>
The time now is $timenow.<br>
You last visited: $bbuserinfo[lastvisitdate].<br>
<b>$newposts</b><br><b>$pointname:</b> $storepoints
</smallfont>
</td>
<td bgcolor="{secondaltcolor}" align="center" valign="middle" width="300">
$logincode
</td>
</tr>

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

$pminfo
</table>
</td></tr></table>
<!-- /welcomepanel -->


<!-- main -->
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{pagebgcolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
$forumbits
</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
$loggedinusers
$birthdaybits
$pminfo
</table>
</td></tr></table>
<!-- /main -->

<br>

<!-- timezone/login-->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr valign="top">
<td><smallfont>$timezone</smallfont></td>
<td align="right">$logincode</td>
</tr>
</table>
<!-- /timezone/login -->

<br>

<!-- icons -->
<table cellpadding="2" cellspacing="0" border="0" width="{contenttablewidth}" {tableinvisibleextra} align="center">
<tr>
<td align="center">
<img src="{imagesfolder}/on.gif" border="0" alt="On" align="absmiddle">
<b><smallfont>New posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/off.gif" border="0" alt="Off" align="absmiddle">
<b><smallfont>No new posts</smallfont></b>
&nbsp;&nbsp;
<img src="{imagesfolder}/lock.gif" border="0" alt="Closed Forum" align="absmiddle">
<b><smallfont>A closed forum</smallfont></b>
</td>
</tr>
</table>
<!-- /icons -->

$footer
</body>
</html>

[redskins_43]

Stupid question...I am new to building my forums. I wondered is this a new template?

Would this be saved under another name than the 'default'?

I am sorry for the ignorance...but I want to make these changes and wondered if I will be adding or changing.

Joe

Excellent POST!!! Can't wait to make these.

[redskins_43]

Okay, I am new to this and did the first few mod's and love it! These are great!

Question, on the last one to change the pm message, here is what i have as my 'original' for forumhome_pmloggedin

<tr id="cat">
<td bgcolor="{categorybackcolor}" colspan="6"><a href="private.php?s=$session[sessionhash]" title="Click Here to Open Your Private Messages $inboxname"><normalfont color="{categoryfontcolor}"><b>Private Messages</normalfont></b></a></td>
</tr>
<tr>
<td bgcolor="{secondaltcolor}" align="center" valign="top"><img src="{imagesfolder}/$lightbulb.gif" alt=""></td>
<td bgcolor="{firstaltcolor}" colspan="5"><smallfont>
<b>$bbuserinfo[username]</b> - You have $newpm[messages] new message(s) since your last visit.<br>
(You have $unreadpm[messages] unread messages and $allpm[messages] total messages in all your folders.)</smallfont></td>
</tr>

I cannot find where (from the beginning of this post) instruction to find where it starts with the following?

<tr id="cat">
<td background="{........

Sorry if I am missing something...but the other mod's are absolutely great! Thanks for the help!

[von_baron]

I did step 1 but I don't seem to be able to make it look like the picture?

I don't seem to get the categories to separate like in the example?

here is mine:
http://www.rcnow.com/vbtest/index.php?

Am I ranking the forums wrong in the CP? Or is there not enough data to make the forum categories split apart?

Any hwlp would be great, Thanks..Von...

[Martin Lauridse]

Damn nice one, i have installed it ALL and its working great, thx man :)

And 1 question, the hack that you use on your own page.

http://creations.nl/forum/index.php

Bottom where the "Top Forums/Threads" starts, where do you have that from, i would love to get my hands on that 2 :)

[Martin Lauridse]

UPS i found this minor problem here.

If you have sub-forum , then you get some weird on your screen :)

Is there a way to get rid of that, im not that good with PhP, so i hope one of you cleawer boys/girls could help me out there.

http://www.mor-far.dk/forum/

http://www.mor-far.dk/forum/mor-far.gif


Look at the page, there its more clear whot i ment :)

[Floris]

Originally posted by XtReMaTriX
Hi, I am trying to make this custom welcome on my forum but after several hours of messing around I got the main part to come up, but I cant et the avatar to load. If some one could help me out that would be great! Well this picture whould shows what i am trying to do. Please help.
This is what i have so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- end no cache headers -->
<meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
<meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
<title>$bbtitle - powered by vBulletin</title>
$headinclude
</head>
<body>
$header

<!-- text -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr valign="top">
<td><img src="images/vb_bullet.gif" border="0" align="middle" alt="$bbtitle : Powered by vBulletin version $templateversion">
<normalfont><b>$bbtitle</b></normalfont></td>
</tr>
</table>

<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
<td><smallfont>
Members: $numbermembers, Threads: $totalthreads, Posts: $totalposts<br>
Welcome to our newest member, <a href="member.php?s=$session[sessionhash]&action=getinfo&userid=$newuserid">$newusername</a>
</smallfont></td>
</tr>
</table>
<!-- /text -->
<!-- welcomepanel -->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#555576" width="100%" align="center">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr id="cat">
<td bgcolor="#606096" colspan="6"><normalfont color="#FFF788"><b><center>Welcome</center></b></normalfont></td>
</tr>
<tr>
<td bgcolor="#DFDFDF" align="center" valign="top" width="130">$avatarimage</td>
<td bgcolor="#F1F1F1">
<smallfont>
$unregwelcomemessage
$welcometext<br>
The time now is $timenow.<br>
You last visited: $bbuserinfo[lastvisitdate].<br>
<b>$newposts</b><br><b>$pointname:</b> $storepoints
</smallfont>
</td>
<td bgcolor="#DFDFDF" align="center" valign="middle" width="300">
$logincode
</td>
</tr>

</table>
</td></tr></table><br>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#555576" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">

$pminfo
</table>
</td></tr></table>
<!-- /welcomepanel -->


<!-- main -->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
$forumbits
</table>
</td></tr></table><br>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#555576" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
$loggedinusers
$birthdaybits
$pminfo
</table>
</td></tr></table>
<!-- /main -->

<br>

<!-- timezone/login-->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr valign="top">
<td><smallfont>$timezone</smallfont></td>
<td align="right">$logincode</td>
</tr>
</table>
<!-- /timezone/login -->

<br>

<!-- icons -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td align="center">
<img src="images/on.gif" border="0" alt="On" align="absmiddle">
<b><smallfont>New posts</smallfont></b>
&nbsp;&nbsp;
<img src="images/off.gif" border="0" alt="Off" align="absmiddle">
<b><smallfont>No new posts</smallfont></b>
&nbsp;&nbsp;
<img src="images/lock.gif" border="0" alt="Closed Forum" align="absmiddle">
<b><smallfont>A closed forum</smallfont></b>
</td>
</tr>
</table>
<!-- /icons -->

$footer
</body>
</html>
I see no reason what this welcome thing of yours has to do with this thread. And please enclose code in a .txt file or whatever next time, so the post is easier to overlook. fnx

[Floris]

Originally posted by curley
Stupid question...I am new to building my forums. I wondered is this a new template?

Would this be saved under another name than the 'default'?

I am sorry for the ignorance...but I want to make these changes and wondered if I will be adding or changing.

Joe

Excellent POST!!! Can't wait to make these.
I went through the steps to find the template in the appropiate posts, please re-read them.

[Floris]

Originally posted by curley
Okay, I am new to this and did the first few mod's and love it! These are great!

Question, on the last one to change the pm message, here is what i have as my 'original' for forumhome_pmloggedin

<tr id="cat">
<td bgcolor="#606096" colspan="6"><a href="private.php?s=$session[sessionhash]" title="Click Here to Open Your Private Messages $inboxname"><normalfont color="#FFF788"><b>Private Messages</normalfont></b></a></td>
</tr>
<tr>
<td bgcolor="#DFDFDF" align="center" valign="top"><img src="images/$lightbulb.gif" alt=""></td>
<td bgcolor="#F1F1F1" colspan="5"><smallfont>
<b>$bbuserinfo[username]</b> - You have $newpm[messages] new message(s) since your last visit.<br>
(You have $unreadpm[messages] unread messages and $allpm[messages] total messages in all your folders.)</smallfont></td>
</tr>

I cannot find where (from the beginning of this post) instruction to find where it starts with the following?

<tr id="cat">
<td background="{........

Sorry if I am missing something...but the other mod's are absolutely great! Thanks for the help!
I think you need to apply the other tempplate mod changes first. You can't skip them and just use only the PM mod. Unless ofcourse, you know what you are doing and manually add the changes

[Floris]

Originally posted by von_baron
I did step 1 but I don't seem to be able to make it look like the picture?

I don't seem to get the categories to separate like in the example?

here is mine:
http://www.rcnow.com/vbtest/index.php?

Am I ranking the forums wrong in the CP? Or is there not enough data to make the forum categories split apart?

Any hwlp would be great, Thanks..Von... Your forums look like sub forums and not like the normal ones, I think this, because the on/off image in front of the board title is in the same table and not in its own.

[Floris]

Originally posted by Martin Lauridse
Damn nice one, i have installed it ALL and its working great, thx man :)

And 1 question, the hack that you use on your own page.

http://creations.nl/forum/index.php

Bottom where the "Top Forums/Threads" starts, where do you have that from, i would love to get my hands on that 2 :) That is something Bane gave me. The author of 'vBstats'. I can't share this with you. You have to contact Bane to get it.

[Floris]

Originally posted by Martin Lauridse
UPS i found this minor problem here.

If you have sub-forum , then you get some weird on your screen :)

Is there a way to get rid of that, im not that good with PhP, so i hope one of you cleawer boys/girls could help me out there.

http://www.mor-far.dk/forum/

http://www.mor-far.dk/forum/mor-far.gif


Look at the page, there its more clear whot i ment :)
I actually never bothered with depths, because they are hard coded, but oh well. I guess if you tried yourself to just remove the code from the level template it wil go away. Matter of trying out.

[Buddha]

out of curiosity, are these all 2.2.7 compatible?
do you know yet?

thanks!

[Floris]

Since they are template modifications, yes. The template forumhome only had an image change according to John :) So I guess it should be no problem. I applied everything manually, so no change to 'really' upgrade.

[Buddha]

thanks for the quick reply
much appreciated.

will go about applying these changes then.

:)

[Buddha]

hey xiphoid!
installed part of this (seperating categories) and i love the look of it (thanks!), but there's now an extra space above the first category as well.

any thoughts?

*edit *
no worries bud, i just went into the forum template and deleted the <BR> right before the main content.

[Floris]

Yesterday I finally had the time to upgrade to vB 2.2.7 final and it works great. No incompatibility or whatever.

[Buddha]

only problem i've seen is if you have the seperate categories and the collapse categories hacks together, you get an extra tablerow, which i am hoping to get rid of. i've posted a question in @ vb.org and am waiting to see.

see attached image to see what i mean.

*edit*
taken care of.

[edude]

Hi,

The mouse over works on the pages showing the threads but not on the main page, i have double checked that i pasted and removed the correct code for the home page template: forumhome_forumbit_level2_post

Here is what the code looks like:

<tr align="center">
<td bgcolor="#DFDFDF" valign="top"><img src="images/$forum[onoff].gif" border="0" alt=""></td>
td bgcolor="#F1F1F1" align="left"
onMouseOver="this.style.backgroundColor='#DFDFDF';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='#F1F1F1';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont><b>$forum[title]</b></normalfont></a>
<br><smallfont>$forum[description]</smallfont></td>
<td bgcolor="#DFDFDF"><normalfont>$forum[replycount]</normalfont></td>
<td bgcolor="#F1F1F1"><normalfont>$forum[threadcount]</normalfont></td>
<td bgcolor="#DFDFDF"><smallfont>$forum[lastpostinfo]</smallfont></td>
<td bgcolor="#F1F1F1"><smallfont>$forum[moderators]</smallfont></td>
</tr>

Thanks, any help would be greatly appreciated.

Originally posted by xiphoid
(3) Adding onMouseOver-highlighting effect to the boards

(description)
This template modification will set an inversed color effect to the boards. So when you hover with your mouse over a board, it will highlight and clickable to that specific board. (And when you move your mouse out of the board, it will return to original color). Very nice!

(installation)
This is only going to take one template modification and should be pretty easy.

Step 1
Login to the Admin Control Panel (ACP).
Templates > Modify > Expand
Forum Home Page Templates > Expand
forumhome_forumbit_level2_post > edit
find the following code:
<td bgcolor="{firstaltcolor}" align="left">
and replace that with:
<td bgcolor="{firstaltcolor}" align="left"
onMouseOver="this.style.backgroundColor='{secondaltcolor}';
this.style.cursor='hand';"
onMouseOut="this.style.backgroundColor='{firstaltcolor}';"
onClick="window.location.href='forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]'">
Now "Save" the forumhome_forumbit_level2_post template.

Done!

(For more of these onMouseOver highlighting effects, please read the original thread: here (http://www.vbulletin.com/forum/showthread.php?s=&threadid=38735))

[baptizer]

Everytime i do this hack,
My columns end up not aligning between in the new different forum sections. Is there a reason for this? am i doing something wrong? If so, any guess as to what the problem is?

[mikeknoxv]

Something has gone wrong when I attempted to install it.
Take a look at http://www.punkbulletin.com/
I did everything the how-to showed, and I double checked it as well.

Any idea?

[mikeknoxv]

Nevermind, I made a stupid mistake :mad:

[Xer]

it is working on 2.2.7 :D

[Floris]

Ofcourse.

[baptizer]

I did this hack a few times...still get mis-alligned columns...any idea?

[havefun]

thanks!

really usefull 4 me ;-]

lg, havefun

[bromyaur]

For those who wanted the pm table to be the same size as the rest of them do this

go to your

forumhome_pmloggedin template and look for this code

<td bgcolor="{firstaltcolor}" colspan="5">

Add width="100%"

So that it looks like


<td bgcolor="{firstaltcolor}" colspan="5" width="100%">

From this

http://www.bromyaur.100megs9.com/offsite/pmarea.jpg

To this

http://www.bromyaur.100megs9.com/offsite/pmarea2.jpg

[NgtCrwlr]

Originally posted by stocker
Take a look at www.superstockforum.com
Only the top forum onmouseover works?

Thxs

Dale

Dale,

Look at your other forumhome templates... first try adding the code to the template - forumhome_forumbit_level2_post and see if that helps.

You may want to turn on the vB option (if it is still available in v2.8) to display the template names in the HTML output, that feature may help you figure out what other templates you need to work on.

Hope this helps.

Cheers!

[Grendel602]

I managed to get it to work for the most part, however, at the end of the main page there are some color oddities as well as a problem with my shout box. Anyone know how to fix it?

Site is:

http://www.grendelslair.com/forums

[cklaszlo]

Hey.

We installed this modicfication a while back and love it. Now I'd like to add to it.

I was wondering if we can add an extra block in between 2 forums? In one of the white spaces.

In other words:

http://www.thrillnetwork.com/boards

Like the large sponsorship block at the top the one that has our SpeedZone ad in it I'd like to add another block like that in between "Trip Reports and Travel Tips" and "games"

Here is our current layout:

[cklaszlo]

We we are looking to do:

[Floris]

That requires code hacking.

[cklaszlo]

So there is no way to do this?

[Floris]

Originally posted by cklaszlo
So there is no way to do this? What you want requires some code to determine which forumid (in a noneforum) it is eval(); ing -- this can't be done with a template. Nor is this template mod of mine made to do this.

if forumid = X then eval template to display banner before doing something else, when done, continue with normal script.
^-- stupid brain ?>

[Benevolent]

I do excatly like stated with hack ((3) Adding onMouseOver-highlighting effect to the boards)

and it does not work at all, i got 2.2.8? is that the problem?

it even gives errors to my page.

I follow it all correct 100%

[bromyaur]

Originally posted by Benevolent
I do excatly like stated with hack ((3) Adding onMouseOver-highlighting effect to the boards)

and it does not work at all, i got 2.2.8? is that the problem?

it even gives errors to my page.

I follow it all correct 100%

Works fine for me with 2.2.8. what are your board colors? is it possible that the first alt and second alt colors are very close and its just not noticable?

how bout a url to your board to see these errors

[Benevolent]

good point, but how do i make sure they are different colours? where do i check this?

[bromyaur]

IN the styles-colors area of your admin cp you just change the values for first alt color and second alternating color there

[Benevolent]

I think you are correct, but i have no idea where that is, can you be alittle more presice?

Styles area? if you know the direct name of the places its easier for me, i tried looknig for it in 1 hour now.

[bromyaur]

open up your admin control panel on the left scroll down to the area that says STYLES then click MODIFY then FONTS COLORS ETC in the JUMP TO click MAIN COLORS you will see "First Alternating Table Background Color" and "Second Alternating Table Background Color"

Those are the 2 colors that you need to check if they are the same. Are you using the default vbulletin colors, the same ones that are on this board? If so then the problem probably isnt with these areas.

You mentioned errors, what kind of errors are you getting.

[freeurmind]

I'm using ver 2.2.8. I pretty much followed the step by step instructions and everything seems to be working except the bottom catagory did not separate with white spaces from the second to the bottom catagory. The bottom catagory display the status of "Currently Active User".

[FloridaIdeal]

Hi all

Can someone please help, I got a small delemer

I installed the mouse over forum colour change hack a while ago now but have just installed the sub cat forum drop down menu and its causing a bit of a problem.

When I try and click on the drop down menu it automaticly clicks into the first forum because of the mouse over click thing, don't even get a chance to choose the sub forum it clicks it.

So my question: Is there anyway to turn the mouse over click forum hack OFF on some forums or a forum with sub cats?

Thanks

Stuart

[pgowder]

I've used your example to put space between my categories. Now how do I align the columns? They are out of alignmen between each category??

Thanks

[Floris]

Originally posted by bromyaur
IN the styles-colors area of your admin cp you just change the values for first alt color and second alternating color there Is it fixed now?
Did you also do step 1 and 2, or only 3?
If you get an error, please state it.
And to me it sounds like a) the colors are the same, or b) you edited the template wrong.

[Floris]

Originally posted by freeurmind
I'm using ver 2.2.8. I pretty much followed the step by step instructions and everything seems to be working except the bottom catagory did not separate with white spaces from the second to the bottom catagory. The bottom catagory display the status of "Currently Active User". The hack shows that it has the code to seperate it. I think you either missed a step or have another template modification installed that messed that up.

You could try yourself and just see how and where it appears and break the table nesting, add a break, and start it again. It is almost the same code as the normal category breaking.

[Floris]

Originally posted by FloridaIdeal
Hi all

Can someone please help, I got a small delemer

I installed the mouse over forum colour change hack a while ago now but have just installed the sub cat forum drop down menu and its causing a bit of a problem.

When I try and click on the drop down menu it automaticly clicks into the first forum because of the mouse over click thing, don't even get a chance to choose the sub forum it clicks it.

So my question: Is there anyway to turn the mouse over click forum hack OFF on some forums or a forum with sub cats?

Thanks

Stuart As stated, this is for a clean installation .. I can't help it if other template modifications or code hacks are making things go buggy. My solution would always be 'uninstall the template/code modification and it will work again, or find out yourself how to merge the two together'.

[Floris]

Originally posted by pgowder
I've used your example to put space between my categories. Now how do I align the columns? They are out of alignmen between each category??

Thanks The previous installation of my template modification to do this, had this problem. This one doesn't. I do not know what you did that showed this wrong allignment, sorry.

Maybe you missed a step, or .. maybe you have boards with no content, make sure every category has at least 1 topic in it, so they don't align wrong.

[pgowder]

Thanks.

I've tried to go back and make the necessary changes. However the columns still aren't aligned. And there is something funky with the bottom category.

www.powwows.com/gathering (http://www.powwows.com/gathering)

[Floris]

Originally posted by pgowder
Thanks.

I've tried to go back and make the necessary changes. However the columns still aren't aligned. And there is something funky with the bottom category.

www.powwows.com/gathering (http://www.powwows.com/gathering)

That is obviously be cause of table nesting, and due to the fact other template mods have been made that change the nesting of the tables on the forumhome template (or others that might concern it).

[Brahm]

Thanks for posting these items with easy to follow instructions. My Intranet Forum is looking better and better!

[lost myself]

Step one was easy I have waiting to do that for awhile.. Thanks

[Floris]

Originally posted by Brahm
Thanks for posting these items with easy to follow instructions. My Intranet Forum is looking better and better!
Can you enlight us with a little screenshot?

[Floris]

Originally posted by lost myself
Step one was easy I have waiting to do that for awhile.. Thanks
Thank you! And enjoy the coolness :D

[mixstar]

Hi there,

I have recently been playing with some of the modifications listed in your [How To] Design and Tweak your Frontpage. They have mad a dramatic difference to my forum, many thanks for your time and effort.

I have two questions:

-- Graphics in the catagory bars --

1-How do I make these changes to all the sublevel forms? (I know you say we should read but I have read, and I find the layout of the templates very confusing - I have only been playing with this for a week)

Just a list of the templates to edit would be fine I think?

2-The frontpage is now fine, with a '3D' effect on the catagory bars but the very bottom bar 'Private Messages' is still in standard format.

Could you give me any help please?

Many thanks for your time,

Mix

[Floris]

Originally posted by mixstar
2-The frontpage is now fine, with a '3D' effect on the catagory bars but the very bottom bar 'Private Messages' is still in standard format.

Mix

Re-read this point

(2) Adding background images to the categories


Maybe you forgot something. As you can see in the picture on that post, it does skin it.


For your first question, you could try to change the forumdisplay and showthread templates to get that effect there too, or apply a little trick.

goto modify of style and behind the background color for the categories/tables etc, add your image like this:

background color: #97A4B2" background="{imagesfolder}/cat_09.gif

this way it will also set a background image besides a default color.

[mixstar]

Originally posted by xiphoid
Re-read this point

(2) Adding background images to the categories


Maybe you forgot something. As you can see in the picture on that post, it does skin it.


For your first question, you could try to change the forumdisplay and showthread templates to get that effect there too, or apply a little trick.

goto modify of style and behind the background color for the categories/tables etc, add your image like this:

background color: #97A4B2" background="{imagesfolder}/cat_09.gif

this way it will also set a background image besides a default color.

I forgot to mention in my first post that I got the first part of your modifications to work fine, thanks very much.

I have managed to get all the catagory strips on the home page to accept the '3D' images, it must have been a typo or something on my part, I had done it three times with the same effect though. Anyway, I have tried your other suggestions but cannot get the second level (thread) catagory strips to take the new graphics.

I couldn't get this to work either:

#97A4B2" background="{imagesfolder}/catbg.gif

In fact it reset my other settings back to standard and I had to go through the whole thing again.

Thanks for your time,

Mix

[mixstar]

I have been interrogating the template manual but can't find anything that mentions the thread catagory strip colours. Is there a modification that can be done to either:

forumhome_forumbit_level2_nopost

or

forumhome_forumbit_level2_post

As these seem to handle the second level forums (sub-catagories)?

Thanks,

Mix

[Floris]

Originally posted by mixstar
I have been interrogating the template manual but can't find anything that mentions the thread catagory strip colours. Is there a modification that can be done to either:

forumhome_forumbit_level2_nopost

or

forumhome_forumbit_level2_post

As these seem to handle the second level forums (sub-catagories)?

Thanks,

Mix

Great to hear that it worked.

If you edited the style and it doesn't work, you can just remove the link and set the original color back again. It will most definitly NOT reset anything. I know that for sure :)

The PM part is just the same as the other table headers, you apply the background images to the html tag and it works. If you applied it and it doesn't show up, press f5 to reload cache, if it still isn't there, you obviously added it to the wrong template. Search in the templates which one makes that header for PM and then apply it to that one.

[mixstar]

Originally posted by xiphoid
Great to hear that it worked.

If you edited the style and it doesn't work, you can just remove the link and set the original color back again. It will most definitly NOT reset anything. I know that for sure :)

The PM part is just the same as the other table headers, you apply the background images to the html tag and it works. If you applied it and it doesn't show up, press f5 to reload cache, if it still isn't there, you obviously added it to the wrong template. Search in the templates which one makes that header for PM and then apply it to that one.

The problem I have is with the second level (I think) catagory strips, the frontpage is fine, it's the subforums (the thread headings) that I can't get to accept the gifs. Is there an entry for the thread catagory strips?

Cheers,

Mix

[Floris]

Originally posted by mixstar
The problem I have is with the second level (I think) catagory strips, the frontpage is fine, it's the subforums (the thread headings) that I can't get to accept the gifs. Is there an entry for the thread catagory strips?

Cheers,

Mix

Please post a screenshot of the page that is giving problems and I might look into it (and solve it).

[Blue Moose Aaron]

Can someone point me to the thread that shows how to split up the posts in a thread? I can't seem to find it :(

[mixstar]

Originally posted by Jarrito
Can someone point me to the thread that shows how to split up the posts in a thread? I can't seem to find it :(

http://www.vbulletin.com/forum/showthread.php?s=&postid=304614#post304614

Regards,

Mix

[mixstar]

Originally posted by xiphoid
Please post a screenshot of the page that is giving problems and I might look into it (and solve it).

Hi and thanks again for your help.

Here are the two screen shots:

FRONT PAGE

http://www.topchoon.com/forum/images/one.gif

SECOND LEVEL (SUB) PAGE

http://www.topchoon.com/forum/images/two.gif

Thanks for your time.

Mix

[vetrivex]

I have a question, is there one for subforums? if you ahve it here, I didn't see it.

[Teea]

Now "Save" the forumhome_pmloggedin template and continue to step 2.
<LI> Step 2 Login to your web server with your FTP client and browse to the images/frontpage/ directory. Upload your on.gif and off.gif to this directory (images/frontpage/) - and log out.
Done!

(Please note that I did not include the .gif images, if you want to use the images I use, please download them from: here (http://www.vbulletin.com/forum/attachment.php?s=&postid=242406)!) [/QUOTE]
================================
I did step #1 with no problems.. believe that or not lol. But step two I'm running into a stump. I went into my Cpanel but I don't see the "images/frontpage/directory" I saw public_html/images.. but that's it. What turn did I make here ?

When adding this template.. I also lost my Birthday template. lol what did I do ?

[Floris]

Please note that due to some script of freddie, all the attachments have disappeared :/

[Teea]

I took a break from playing with templates and just came back. I'm excited to say, I have many working right now :) thank you thank you xiphoid !

but of course, I fixed some and messed up others.
I'm having some problems at the bottom. Hopefully this shot will show the problems.

[I removed links to images that were behind an htaccess-protected directory which was causing viewers to get a login box everytime they viewed this thread. - Steve]

...the line where "currently active users" and the PM are messed up . Not totally sure what I did wrong at this point.

[Teea]

whoah, that didnt work out well.

You might want to view it yourself ??

UserID "sugar plum"
Pass "blue"

the site is www.welovefreestuff.com (http://www.welovefreestuff.com)

[Floris]

The frontpage tweaks etc work great.

Just missing the path in the template I guess for the private msg

http://www.welovefreestuff.com/forums/images/frontpage/off.gif

That location either doesnt excist, or no file uploaded yet.

[Teea]

so I put it in the path you have above ?

I think I did this public_html/images/frontpage. Instead I should have forums before images right ?

dang, I've came a long way with templates hehehe

[Teea]

humm this time I did this.

public_html/forums/images/frontpage

I just uploaded both the on and off.gif

however instead of seeing a gif symbol in the above location. I get this

[I removed links to images that were behind an htaccess-protected directory which was causing viewers to get a login box everytime they viewed this thread. - Steve]

I normally don't see a notepad type symbol

[Teea]

Looks like I messed up my who's online too.

a href="online.php?">Currently Active Users: 8There are currently 8 members and 0 guests on the boards. | Most users ever online was 65 on 06-27-2002 at 12:26 PM.
JRagle (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=688) , Nommie625 (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=642) , parrothead (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=623) , pikaemy1 (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=749) , Teea (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=1) , crystalmoon (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=762)* , savvy (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=409)* , SouthernGal (http://www.welovefreestuff.com/forums/member.php?action=getinfo&userid=418)*

[Teea]

dancing around... I did it, I did it!!!

I just uploaded some other random gif and it worked :D


lol now, all I need to fix is the "online users"

[Jojaby]

Okay I'm stuck on step 2. When you say create your own cat gifs at the very end of the step, I'm stuck. How exactly do you do this?

[Floris]

dancing around... I did it, I did it!!!

I just uploaded some other random gif and it worked :D


lol now, all I need to fix is the "onl