Need help with post BG color

jonnyuk100 at 10h48
22
Dec
2011
I need help with getting Nera's tutorial (below) to work on phpBB2

/t99001-post-color-for-administrators-and-moderators-punbb?highlight=color
1 Guest, on 22/12/2011 at 11h35
Please change your topic title to someghing more descriptive. Sad

The only difference is between first code, and also fourth:
First:
Code:
{postrow.displayed.POST_DATE}

Fourth:
Code:
$(document).ready(function() {
$('.post:has(".admin1"),.post td.row1:has(".admin1"),.postbody:has(".admin1"),.post td.row1 table tbody tr:has(".admin1")').css('background-color', 'purple');
});
2 jonnyuk100, on 22/12/2011 at 11h43
thank you for your help but..

It doesnt work Sad
3 Nera., on 22/12/2011 at 11h56
PHPBB2

Step 1: Click on user on your board and you will arrive on his nick in AP. Scroll down and you will see Assign special rank. Add the rank corresponding to the user. Without it it wont work.

Step 2: AP > Users and groups > Rank administration, edit the rank of for example administrators and wrap it with a class

Code:
    <span class="admin1">Administrator</span>


Do the same thing for the moderator but with this

Code:
    <span class="mod2">Administrator</span>


Step 3: AP > Diplay > Templates > General > Wievtopic_body template and find this

Code:
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>


Replace it with this

Code:
      <tr class="post">
<td class="post {postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="post {postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><span class="novo" style="display:none;">{postrow.displayed.POSTER_RANK}</span>
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>


Save and publish your template on the green Add

End: AP > JS managment (Mark all pages) and add this
Code:
$(document).ready(function() {
$('.post:has(".admin1")').css('background-color', 'lightblue');
$('.post:has(".mod2")').css('background-color', '#FF77B1');
});


Example:



There's probably an easier way but I would not know it.
4 FL.ux, on 22/12/2011 at 12h00
if i want to change the BG color should i edit in the JS?
5 Nera., on 22/12/2011 at 12h02
Yes, the color of the BG is set in the JS file.
6 jonnyuk100, on 22/12/2011 at 12h07

It messed up the posts !

Help please Sad

Edit:

Nvm i fixed it now..

Thanks !!
7 Nera., on 22/12/2011 at 12h09
Press the red cross next to the template and undo the changes. That will reset your template and delete the changes. The image I showed you is taken when I did it on phpBB2 and it works.
8 jonnyuk100, on 22/12/2011 at 12h14
<span class="mod2">Administrator</span>

If i change the above to

<span class="mod2">Moderator</span>

Will it still work?
9 Nera., on 22/12/2011 at 12h24
Yes.

Edit: Here, I did it all over again to show you that it works on phpBB2. All you need to do is follow the instructions correctly
http://tiki.makingforum.com/t8-test-test-test

I see you have fixed it, solved than?
10 jonnyuk100, on 22/12/2011 at 14h22
Yes Solved Smile
11 Nera., on 22/12/2011 at 14h25
Topic Solved & Locked
Similar topics
help me please,...
Sorry if this is a noobish question but I cant work out how to change the color of web links within posts on my forum. I am using phpBB3. http://thecooks.topicboard.net/ I would like it something like we have here ie: my link above is blue, on my forum
Hi how would one change the color of this. I already tried using field edit but only the name color changes but not the number.
Replies 1 to 11 on 11 for "Need help with post BG color"
See also
more_less
Informations

11 Replies For the topic :
"Need help with post BG color"

This topic has been viewed 1010 times.

Last message :
22/12/2011 at 10h48 by "jonnyuk100"