[How to] Get usercolor on Rank text

[Stoker]

Hello

I like the way Sniper_E has colored the Rank text on the Sniperblue style here at STG
I searched but couldn't find out how he did this.

I figured out that it had to be something with usercolor.
And here it is.

Open styles/prosilver/template/viewtopic_body.html
Find:

Code: Select all

<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

Inline find:

Code: Select all

{postrow.RANK_TITLE}

Replace with:

Code: Select all

<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="font-size:12px; color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.RANK_TITLE}</b>

Open styles/subsilver2/template/viewtopic_body.html
Find:

Code: Select all

<td class="postdetails">{postrow.RANK_TITLE}</td>

Replace with:

Code: Select all

<td class="postdetails"><b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="font-size:12px; color: {postrow.POST_AUTHOR_COLOUR}" <!-- ENDIF -->>{postrow.RANK_TITLE}</b></td>

About the:

Code: Select all

font-size:12px;

You can increase, decrease or remove this if You want.

[Brandon05 Brandon Kaylor]

Very nice tutorial. I will bookmark this one for my upcoming phpBB3 Style.

Thanks.

[Sniper_E]

You could have asked how I did it.

Code: Select all

               <td class="postdetails" align="center"><b class="genmed"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.RANK_TITLE}</b></td>

There.

I even had the message in the user's color at one time, but that was WAY to much.

[Stoker]

You could have asked how I did it.

Code: Select all

               <td class="postdetails" align="center"><b class="genmed"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.RANK_TITLE}</b></td>

There.

I even had the message in the user's color at one time, but that was WAY to much.

You are right. But then I would have missed the fun in figuring it out

[Sniper_E]

Noticed how our 2 lines were written almost exactly the same? Great minds think something alike!

Good tutorial by the way.... you do good work everywhere Stoker.
I like your style!

[Potku Mika]

Great MOD, we like this one

Would there be a way that on top this the rank title would be link to a certain group (to which that user belongs and is that user's default group)?

[Gekozen Dan]

Thanks i like a lot I had to search to fine what i change to change the colours, so maybe you could explain this in your post, so people without as much PHPBB3 knoledge can find it. Thanks Dan. (First post tehe)

[Sir Glen]

I love this.

Odd Question though; say I wanted the rank title to be below the rank image, rathen than above, how would I do that? I tried it myself (and it worked) but the spacing was wrong. There was a line break between the username and the rank image, and the rank image itself was all the way left against the virtical line separating the post text and the info area. I don't know enough html to know how to fix it, though obviously it has something to do with the <br /> tag.

[imant7 Amy]

Thank you for color tutorial! Very useful..