Influx vBulletin 4.0.4 Skin Update Released - Click to read more details on development

Support Forum

vBulletin Skins, IPB Skins, phpBB Skins and SMF Skins Support Forum


Go Back   ForumThemes Forums > Forum Resources > Helpful Tips, Tricks & Articles

Follow ForumThemes on Twitter!
Acquiring Tweets
Follow us on Twitter!

Reply
 
LinkBack Thread Tools Display Modes
Old 01-19-2009, 01:11 PM   #1 (permalink)
Customer
  • Join Date: Jan 2009
  • Location: Canada
  • Posts: 1,846
  • User Status: Offline
  • Contact this user:

    Send a message via AIM to william Send a message via MSN to william


Lightbulb Alternating Row Color for vBulletin Skins [NON-Plugin Method]

How it works:
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".

Place the following code at the top of each template you want to alternate colors.
Code:
<if condition="$altrow =& $GLOBALS['altrow']"></if>
<if condition="!isset($altrow)">
    <if condition="$altrow = 0"></if>
</if>
<if condition="++$altrow % 2 == 0">
    <if condition="$rowClass = 'alt1'"></if>
<else />
    <if condition="$rowClass = 'alt2'"></if>
</if>
threadbit template updates
1) On the very first line, change
Code:
<tr>
to
Code:
<tr class="$rowClass">
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
Code:
<tr align="center">
to
Code:
<tr class="$rowClass" align="center">
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
Code:
<tr>
to
Code:
<tr class="$rowClass">
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
Code:
<tr>
to
Code:
<tr class="$rowClass">
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
Code:
<tr align="center">
to
Code:
<tr class="$rowClass" align="center">
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

NOTE: You Also could use the plugin method found here
__________________
William Wilson
ForumThemes - Owner
vBulletin Skins | IPB Skins | phpBB Styles
  Reply With Quote
Reply

Bookmarks

Tags
alternating, color, plugin, row, vbulletin skins

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Powered by: vBulletin Versio3.8.3
Copyright ©2000 - 2010, Jelsoft Enterprises Limited.

SEO by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12