![]() |
|
Mod Options |
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Alternating Row Color for Forums / Search Results / Thread Listings
![]() Developer Last Online: Oct 2008 ![]() ![]() ![]() This modification is in the archives.
What this plugin/modification does:
In the default vBulletin implementation, the colors alternate from left to right - from table cell to table cell. This plugin/modification changes it so that each row changes colors instead. For a visual, we're talking about changing this: --------------------------- | red | blue | red | blue | --------------------------- | red | blue | red | blue | --------------------------- | red | blue | red | blue | --------------------------- To this: ----------------------------- | red | red | red | red | ----------------------------- | blue | blue | blue | blue | ----------------------------- | red | red | red | red | ----------------------------- Currently, this plugin enables changing row colors in
The way the colors are currently assigned is via CSS classes. The template changes remove the class definitions from the table cells, and add class definitions to the displayed rows. The CSS Classes used are the "Alt1" and "Alt2" classes - defined in the Admin Control Panel under Style Manager, (style), Main CSS, "First Alternating Color" and "Second Alternating Color". The Product is named "Alternating Row Color for ForumBits". Attached to the product are Four plugins: Alternating Row Color for ForumBits Function - this defines a brief function enabled at the "global_start" hook location.
This function is called from other plugins to define whether or not they should be presented with the "alt1" CSS Class, or the "alt2" CSS Class. The other three plugins -Alternating Threadbit background, Alternating Row Color for ForumBits, Alternating Row Color Search Threadbit - are copy/paste functionality enabled in three separate locations:
Basically, as vbulletin iterates through creating the rows to display, it calls the function to find out which CSS class to use. Making minor changes: If you would rather the colors be switched, simply swap 'alt1' and 'alt2' in the "Alternating Row Color for ForumBits Function" plugin. What's Involved? 1 Product Installation 4 Plugins (installed all at once, via the product) 47 Changes to 5 Templates Credit To VBSeo.com for giving me the idea. Updates 9/6/2006 got rid of funky quotes in updated_memberlist_reslutsbit.tmpl.php 9/5/2006 Version .3 Updated Mod Description, Install Instructions, downloadable files Added functionality for Memberlist Alternating Colors Added functionality for PM Listing Alternating Row Colors Added new templates - pm_messagelistbit and memberlist_resultsbit 9/3/2006 Updated Mod Description Installation Instructions Added additional Screenshots Uploaded pre-modified out-of-the-box templates Re-uploaded zip file with appropriate paths Mod Title Update 9/2/2006 Version .2 - Added plugin to alternate row colors in search results, which also implies the ability to alternate row colors in thread listings. Installation: Downloads are on the right. The zip file contains the xml plugin file as well as pre-modified template updates. Only use the premodified templates if the following statements are all true: 1) You are running vBulletin 3.6.0 2) You have not modified the templates to be updated. There are now 5 templates I have identified that need updating. These templates are:
For the remaining steps, I'm going to go through three iterations of instructions: "The Really Easy Way", "The Easy Way", and "The Hard Way" Just Pick ONE set of instructions to follow! Instructions for "The Really Easy Way":
============================ Installation Instructions for "The Easy Way" If you didn't follow the instructions above, upload the product-alternating-forum-rows.xml file into your Product Manager threadbit template updates 1) On the very first line, change
to
2) search and remove: 2) Find all ' class="alt1"' and remove 3) Find all ' class="alt2"' and remove forumhome_forumbit_level1_post updates 1) On the second line, change
to
2) search and remove: 2) Find all ' class="alt1"' and remove 3) Find all ' class="alt2"' and remove 4) Find all ' class="alt1Active"' and remove forumhome_forumbit_level2_post 1) On the very first line, change
to
2) search and remove: 2) Find all ' class="alt1"' and remove 3) Find all ' class="alt2"' and remove 4) Find all ' class="alt1Active"' and remove pm_messagelistbit 1) On the very first line, change
to
2) search and remove: 2) Find all ' class="alt1"' and remove 3) Find all ' class="alt2"' and remove 4) Find all ' class="alt1Active"' and remove memberlist_resultsbit 1) change
to
2) search and remove: 2) Find all ' AND exec_switch_bg()"' and remove 3) Find all ' class="$bgclass"' and remove 4) Find all ' class="alt1Active"' and remove 5) Find all ' class="alt2"' and remove At this point, you are done. No need to read further or execute anymore steps. Take a look at your forum, if it doesn't look right come back and ask for help. ============================ Installation Instructions for "The Hard Way"(see the attached zip file. It was making this thread too difficult to read) Download Now Only licensed members can download files, Click Here for more information. Supporters / CoAuthors Screenshots Show Your Support
No members have liked this post.
|
![]() |
||||
Mod | Developer | Type | Replies | Last Post |
Miscellaneous Hacks Mark Forums Read from Search Results | MThornback | vBulletin 3.6 Template Modifications | 3 | 16 May 2007 22:47 |
#61
|
||||
|
||||
Originally Posted by needaltuna
The method in my previous post(s) works fine (tested in 3.6.8). I'd check for typos.
![]()
__________________
Latest Hack: Disemvowelr™ - A new passive-aggressive form of moderation.. No members have liked this post.
|
#62
|
|||
|
|||
Excellent, just what I was looking for.
No members have liked this post.
|
#63
|
||||
|
||||
Originally Posted by magnus
Well done, works like a treat
![]()
No members have liked this post.
|
#64
|
|||
|
|||
Sweet man, this is the way it should be. Thanks a MILLION!
No members have liked this post.
|
#65
|
|||
|
|||
Would like to point out that this works with 3.7.0 as well. Thanks!
No members have liked this post.
|
#66
|
|||
|
|||
This code is great! Thanks a bunch.
No members have liked this post.
|
#67
|
||||
|
||||
Works great with 3.7.3 PL1.
Thanks so much for making it!
__________________
Awesome. Awesome to the max. No members have liked this post.
|
#68
|
|||
|
|||
Is this method still safe for vbulletin 3.8.0?
No members have liked this post.
|
#69
|
|||
|
|||
it does work for 3.8.0 however one of the templates u have to modifiy is slightly different, it has a few lines of code above the first <tr> so be careful with that and you should be good to go
No members have liked this post.
|
#70
|
|||
|
|||
Doesnt work with Internet Explorer.. and im googling it and there are many people says alternate row color is not compatible with IE8+IE9.. any solutions ?
No members have liked this post.
|
#71
|
||||
|
||||
Hey, I had kind of stopped developing for vbulletin for the last year or so, but I will look at this.
Thanks for the feedback - I had no idea there were issues in IE8 and IE9 (they didn't exist at the time!)
__________________
Awesome. Awesome to the max. No members have liked this post.
|
#72
|
|||
|
|||
its working for vb 4.21 version?
No members have liked this post.
|
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 22:25.