![]() |
Thread Status Icons - Help needed!
How can I change the status icon of a thread?
The current representation if the thread is "hot", closed or if it contains unread posts is a little icon (where the green circle & arrow is). https://vborg.vbsupport.ru/external/2011/02/21.jpg However, instead of a small icon, I would like the thread status to be represented with a larger image and forgo the icons altogether. To be more specific, I would like to replace the letter tile in above image and show a different icon depending on the thread's status. Is there anyway that this can be accomplished? I've seen this done plenty of times (Namely on IP Boards) and this feature would considerably help tie together the overall aesthetics of my forum and improve the user experience by leaps and bounds. Any help/solutions would be greatly appreciated! |
You need to setup the "Prefix for Forum Status Images " in the forum manager from each forums and subforums for this to work.
Refer to Lynne's answer and others in here : https://vborg.vbsupport.ru/showthread.php?t=256551 |
That did the trick. Not sure why I couldn't find that thread when I was searching...
Thanks! Got another question, how can I change the forum categories background in vBulletin 4? I've searched high and low but couldn't find any solutions for VB 4. : ( How can I have background images for my Forum categories? Here's an example of what I'd like to implement: http://www.rootanime.com/forum/ |
They are adding the CSS for it inline:
HTML Code:
<div style="border-right: 1px solid rgb(204, 204, 204); height: 70px; background: url("images/forumbackgrounds/15.gif") no-repeat scroll right bottom rgb(255, 255, 255);" class="foruminfo td"> |
Thanks for the help on this, really appreciate it, I would never have guessed that such a simple modification could produce these results. Learn something new everyday. :D
Only one stumbling block, I figured out how to replicate it. But now I have the same image for each forum under my main category, how can I have a different background image for each forumid? I only see one forumhome_forumbit_level2_post. |
Make sure you are modifying the correct template. There are a couple of different templates used on that page: To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code. (Sometimes the template is the one mentioned at the very top of the page source.)
|
Okay, I followed the steps. Ticked template name around HTML comments to yes, went to my home page and viewed the source code. And both forum categories where the image code is have the same name:
HTML Code:
<!-- BEGIN TEMPLATE: forumhome_forumbit_level2_post --> |
Can we see the exact code you changed in the template? And a link to see your style would also help.
|
Quote:
In "forumhome_forumbit_level2_post" I changed : HTML Code:
<div class="foruminfo td"> HTML Code:
<div class="foruminfo td" style="background: #fff url(images/forumbackgrounds/{vb:raw forum.forumid}.gif);"> Quote:
http://www.milargoreviews.com/mccforums/forum.php I also tried searching things like my forum IDs via "search in templates" but couldn't produce any results. And since I only have one "forumhome_forumbit_level2_post" and it seems to be tied to all forum categories if I edit the image in that code, the change effects all the forums. |
Very odd. Both of them are calling 25.gif and yet they are forumid 2 and 3. But, you don't have a 2.gif or 3.gif, so nothing is going to show for either of them. Why do you have an image for 25.gif if you have no forumid 25?
|
How I found the piece of code that I pasted in the forumbit_level2_post, I stumbled upon this thread. However I have no idea how to use it. I did the basics, replaced the coding as instructed then edited this bit of the code:
HTML Code:
images/forumbackgrounds/{vb:raw forum.forumid}.gif HTML Code:
images/forumbackgrounds/25.gif Quote:
HTML Code:
<div style="border-right: 1px solid rgb(204, 204, 204); height: 70px; background: url("images/forumbackgrounds/2.gif") no-repeat scroll right bottom rgb(255, 255, 255);" class="foruminfo td"> HTML Code:
<div style="border-right: 1px solid rgb(204, 204, 204); height: 70px; background: url("images/forumbackgrounds/3.gif") no-repeat scroll right bottom rgb(255, 255, 255);" class="foruminfo td"> Sorry if I'm missing something really basic here, I have absolutely no experience when it comes to things like coding. Everyone has to start somewhere I suppose. :o |
You should have this in the code:
images/forumbackgrounds/{vb:raw forum.forumid}.gif Not this: images/forumbackgrounds/25.gif or this: images/forumbackgrounds/2.gif or this: images/forumbackgrounds/3.gif The forumid needs to be a variable that changes for each forumid. |
I can't thank you enough,
Now I understand. I had no idea that having "{vb:raw forum.forumid}" instead of the actual image name could work. Let alone make it read the image file names and decide which one to use based on the matching forum ID, tricky concept. :D I've learned a lot, plus my forum's looking snazzier than ever. Thanks again! |
You've done a very nice job with the look of your forums on your site!
|
Quote:
Though I do have another question. :o I would like each of my forums to have a customized header image. I did some searching and most of the results I found were for previous versions of vBulletin, or the solutions were ineffective, e.g. creating multiple styles. All of which poses a problem for me (vB 4 user, and the lighter the better), this solution seemed to make the most sense. Even though it was posted back in '06. It wasn't really clear (not enough for a green-sleeve anyway) exactly where I needed to put the code, what to replace etc. I thought I'd give it a try anyhow, I navigated over to "Style Manager", and in the drop-down box of my installed template, and under template options clicked "Edit Template" and in the left hand box I scrolled down until I found "header", after selecting I clicked edit Inside, I replaced: HTML Code:
<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /> HTML Code:
<img src="./images/logo/logo-$foruminfo[forumid].jpg" /> Any help on this would be greatly appreciated. |
I don't think $foruminfo[forumid] is a valid variable in the header template - nor do you have the format correct. Try something like this:
HTML Code:
<img src="./images/logo/logo-{vb:raw GLOBALS.foruminfo.forumid}.jpg" alt="" /> |
Wunderbar! That works perfectly, now I can have relevant headers for my forum. The only problem is, all pages (except my forum categories) have no header.
I replaced: HTML Code:
"<img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /> HTML Code:
<img src="./images/logo/logo-{vb:raw GLOBALS.foruminfo.forumid}.jpg" alt="" /> |
You can try just GLOBALS.forumid . Or, threads may need GLOBALS.threadinfo.forumid
|
No dice, still displays two headers. Though, I think I actually prefer it this way.
Found a way to incorporate it into the design. (Apologies for the late response) How can I add a background image to my footer, similar to the footer used in The Admin Zone? [link]. |
You have the bottom part of your site using class "below_body" . So, just write some CSS to add a background to that class:
Code:
.below_body {background: whatever;} |
All times are GMT. The time now is 03:28 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|