vb.org Archive - Alternating Colored Rows in vBulletin 4

Attachment 125935

1. Edit template forumhome_forumbit_level2_post

Add the following code at the top of the template.

Code:

<vb:if condition="$altrow =& $GLOBALS['altrow']"></vb:if>

<vb:if condition="!isset($altrow)">

    <vb:if condition="$altrow = 0"></vb:if>

</vb:if>

<vb:if condition="++$altrow % 2 == 0">

    <vb:if condition="$rowClass = 'alteven'"></vb:if>

<vb:else />

    <vb:if condition="$rowClass = 'altodd'"></vb:if>

</vb:if>

Credit for the above code goes to William and forumthemes.

Now change the first line (first line before inserting the above code) from

Code:

<li id="forum{vb:raw forum.forumid}" class="forumbit_post L2">

Code:

<li id="forum{vb:raw forum.forumid}" class="forumbit_post L2 {vb:raw $rowClass}">

2. Edit forumhome_forumbit_level1_post / _nopost

Add the following at the top of forumhome_forumbit_level1_post and forumhome_forumbit_level1_nopost template.

Code:

<vb:if condition="$altrow =& $GLOBALS['altrow']"></vb:if>

<vb:if condition="$altrow = 0"></vb:if>

3. Edit Stylevars

Edit forumrow_firstentry_background and forumrow_background stylevars and make it transparent by deleting Background Color and Background Image.

4.Edit CSS

Now add the following CSS in the additional.css template.

Code:

.altodd {background-color:#eee;}

.alteven {background-color:#fff;}

You can customize the above CSS as per your needs.

--------------- Added [DATE]1309152509[/DATE] at [TIME]1309152509[/TIME] ---------------

For having alternating colors for your threads add the following code at the top of the threadbit template.

Code:

<vb:if condition="$altrow =& $GLOBALS['altrow']"></vb:if>

<vb:if condition="!isset($altrow)">

    <vb:if condition="$altrow = 0"></vb:if>

</vb:if>

<vb:if condition="++$altrow % 2 == 0">

    <vb:if condition="$rowClass = 'alteven'"></vb:if>

<vb:else />

    <vb:if condition="$rowClass = 'altodd'"></vb:if>

</vb:if>

And then edit the first line of the code as follows.
Change

Code:

<li class="threadbit {vb:raw thread.statusstring}

Code:

<li class="threadbit {vb:raw $rowClass} {vb:raw thread.statusstring}

Edit CSS

Now add the following CSS in the additional.css template.

Code:

.altodd {background-color:#eee;}

.alteven {background-color:#fff;}

You can customize the above CSS as per your needs.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

X vBulletin 3.8.12 by vBS Debug Information

Page Generation 0.01900 seconds
Memory Usage 1,727KB
Queries Executed 10 (?)

More Information

Template Usage:

(1)ad_footer_end
(1)ad_footer_start
(1)ad_header_end
(1)ad_header_logo
(1)ad_navbar_below
(10)bbcode_code_printable
(1)footer
(1)gobutton
(1)header
(1)headinclude
(6)option
(1)post_thanks_navbar_search
(1)printthread
(5)printthreadbit
(1)spacer_close
(1)spacer_open

Phrase Groups Available:

global
postbit
showthread

Included Files:

./printthread.php
./global.php
./includes/init.php
./includes/class_core.php
./includes/config.php
./includes/functions.php
./includes/class_hook.php
./includes/modsystem_functions.php
./includes/class_bbcode_alt.php
./includes/class_bbcode.php
./includes/functions_bigthree.php

Hooks Called:

init_startup
init_startup_session_setup_start
init_startup_session_setup_complete
cache_permissions
fetch_threadinfo_query
fetch_threadinfo
fetch_foruminfo
style_fetch
cache_templates
global_start
parse_templates
global_setup_complete
printthread_start
bbcode_fetch_tags
bbcode_create
bbcode_parse_start
bbcode_parse_complete_precache
bbcode_parse_complete
printthread_post
printthread_complete

Messages:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01900 seconds Memory Usage 1,727KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: