Choose from our various pricing plans. There is a package for everyone!


Even and odd posts background (like on phpBB2 and phpBB3)

View previous topic View next topic Go down

Tutorial Even and odd posts background (like on phpBB2 and phpBB3)

Post by L! on Mon Jul 09, 2012 2:02 pm

Hello people!

In this tutorial I will teach you about a simple jQuery trick. As you know phpBB2 and phpBB3 versions have .row1 and .row2 classes to posts (and not only to posts). These classes are used in CSS Stylesheet applying some background colors. On this link you can observe that the background colors are different. Now you can get the same trick also with PunBB and IPB (Invision) forum versions.. You need to add a code in Javascript codes management.

PunBB:
Code:
$(function(){
$('.post:even .postmain').css('background-color','#F6F6F6');
$('.post:odd .postmain').css('background-color','#FBFBFB');
});

Invision:
Code:
$(function(){
$('.post:even .post-container').css('background-color','#F6F6F6');
$('.post:odd .post-container').css('background-color','#FBFBFB');
});


Last edited by Coddy on Tue Jul 10, 2012 11:05 am; edited 1 time in total
avatar
L!
Premium Member


Age : 19
Posts : 105
Join date : 2012-07-05
Reputation : 5

View user profile http://www.ldevelopment.org/

Back to top Go down

Tutorial Re: Even and odd posts background (like on phpBB2 and phpBB3)

Post by Zilla on Mon Jul 09, 2012 3:59 pm

Thanks for submitting your tutorial on CSSHelp. It has been accepted.

We hope to see more tutorials from you in the future!

=> Moved to Tutorials section
avatar
Zilla
Premium Member


Age : 21
Posts : 166
Join date : 2012-05-03
Reputation : 13

View user profile

Back to top Go down

Tutorial Re: Even and odd posts background (like on phpBB2 and phpBB3)

Post by Duke on Sat Jan 10, 2015 1:41 pm

Thanku Good Work
avatar
Duke
Member
Member

Age : 27
Posts : 7
Join date : 2015-01-10
Forum Version : PunBB
Reputation : 2

View user profile

Back to top Go down

Tutorial Re: Even and odd posts background (like on phpBB2 and phpBB3)

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum