What am I doing wrong here?

[Evildaddy]

I am trying to change the color of the text that appears below an avatar. Please fix this code.

<override_macro name="classic_big_avatar_cell" requires="node">
    <div class="avatar-outer">
        <div class="avatar-inner">
            <n.owner.avatar size="big" border_class="medium-border-color"/>
        </div>
    </div>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Registered Users'/]" label="[b][t]Junior Member[/t][/b]"/>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Moderator'/]" label="[color='red'][b][t]Moderator[/t][/b][/color]"/>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Members'/]" label="[b][t]Member[/t][/b]"/>
    <n.avatar_label condition="[n.owner.is_site_admin/]" label="[b][t]Administrator[/t][/b]"/>
    <n.avatar_label condition="[n.owner.is_banned/]" label="[t]Banned User[/t]"/>
    <n.owner.post_count/>
</override_macro>

<override_macro name="classic_big_avatar_cell" requires="node">

[Mencey Melgar]

CONTENTS DELETED

The author has deleted this message.

[Mencey Melgar]

Well, I've been editing this, and the colour requires a css modification and it has some "secondary effects" because it uses the [h] words(for sizes,like [h3] or < h3>) You can add this to your labels to make them white, but if you really want to change the colours I'll explain you how to do it. You can test their sizes, for example:

<override_macro name="classic_big_avatar_cell" requires="node">
    <div class="avatar-outer">
        <div class="avatar-inner">
            <n.owner.avatar size="big" border_class="medium-border-color"/>
        </div>
    </div>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Registered Users'/]" label="[b][t]Junior Member[/t][/b]"/>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Moderator'/]" label="[h4][t]Moderator[/t][/h4][/color]"/>
    <n.avatar_label condition="[n.owner.is_in_group group= 'Members'/]" label="[h5][t]Member[/t][/h5]"/>
    <n.avatar_label condition="[n.owner.is_site_admin/]" label="[h3][t]Administrator[/t][/h3]"/>
    <n.avatar_label condition="[n.owner.is_banned/]" label="[t]Banned User[/t]"/>
    <n.owner.post_count/>
</override_macro>

<override_macro name="classic_big_avatar_cell" requires="node">

(this is my post number 100 wii! )

[GregChapman]

Hi LouK,

See: http://support.nabble.com/How-many-ads-will-you-put-on-my-forum-tp7580679p7580753.html 

[Evildaddy]

Please do explain, LouK.

[Evildaddy]

Can you also include pictures?

[Mencey Melgar]

Damn editing posts..

GregChapman wrote

Hi LouK,

See: http://support.nabble.com/How-many-ads-will-you-put-on-my-forum-tp7580679p7580753.html 

Evildaddy wrote

Please do explain, LouK.

The css modifications are in Options > Application > change appearance
there you have to open the "CSS" dropdown.

As I told you, we are going to use < h> to put colours, so if in your code you used(for example)

    <n.avatar_label condition="[n.owner.is_in_group group= 'Members'/]" label="[h5][t]Member[/t][/h5]"/>

We will have to use the css code for h5(just copy and paste in the dropdown od "CSS"):
.nabble h5 {
color: rgba(0, 170, 156, 0.5);
font-family: 'Arial';
}
this colour is blue and I put the font family "Arial", but if you just delete the font family feature, it will be shown with your font family(the one that you chose). You can change the colour to your own and see how does it looks.

Regards :)

[Mencey Melgar]

Evildaddy wrote

Can you also include pictures?

I don't think so

[Evildaddy]

It made the title of my thread red.
I used the same as you but changed the color to red.

[Mencey Melgar]

label="[h5][t]Member[/t][/h5]"/>

like that?

[Mencey Melgar]

could you post the url of your foorum please?

[Evildaddy]

I had moderator rank as h2. So I wrote h2 instead. Here is the link to my forum:  http://roblox-equality-team.45848.n6.nabble.com/. There's not many members because it's quite new.

[Mencey Melgar]

Well, thats the problem, use h4 or h5 because then your titles(of topics) will be affected(they are in h2 and h3)
then, use the h5 on moderator and see wha happens ;)

[Evildaddy]

Is there another way to color? I plan to color more than two ranks.

[Mencey Melgar]

Evildaddy wrote

Is there another way to color?

 If it exist, I don't know how to set it.

[Evildaddy]

Can't I just put the path of the macro then type what you told me to type?

[GregChapman]

I'm not a NAML or scripting expert, but would have hoped that in constructing the page you could add a class to those heading tags and use Nabble's CSS facility to display them in different colours?

[Mencey Melgar]

I can't remember very well, but I think I tried that before and it didn't work, but I'm not sure

try using something like h01, you have to use it also in the CSS code, like:
.nabble h01 {

}

[GregChapman]

LouK wrote

try using something like h01, you have to use it also in the CSS code, like:
.nabble h01 {

That won't work. "h01" is not a valid CSS selector.

Here is the HTML of a recent post by Pedro:
===========================================================================

		<table class="classic-body">
			<tr>
				<td class="classic-author shaded-bg-color rounded-bottom">
					<div class="avatar-outer">
		<div class="avatar-inner">
			<a href="http://support.nabble.com/template/NamlServlet.jtp?macro=user_nodes&amp;user=370116" rel="nofollow" title="View profile of Pedro &lt;Nabble&gt;" class="nowrap no-decoration"><img class="avatar medium-border-color" src="http://www.gravatar.com/avatar/118c8bc33510e02dd33ccd81db5145a4?s=100&amp;r=pg&amp;d=http%3A%2F%2Fn2.nabble.com%2Fimages%2Favatar100.png" height="100" width="100" alt="Pedro &lt;Nabble&gt;" title="Pedro &lt;Nabble&gt;"/><img src="/images/online.png" class="online370116 online invisible" title="User is online" alt="online"/></a>

	
	
		</div>
	</div>
	<div class="avatar-label weak-color"><b>Administrator</b></div>
	
	<div class="post-count370116 avatar-label weak-color"></div>
	
				</td>
				<td class="classic-message">
					
	
	
	<div id="message7583042" class="message-text adbayes-content">
		Not yet. But I think we are getting closer.

	
	
	
	</div>
	
			
				</td>
			</tr>
		</table>

===========================================================================

It is the line:

<div class="avatar-label weak-color"><b>Administrator</b></div>

That adds Pedro's status under his avatar. If you can make the NAML that produces this to make that line read:

<div class="avatar-label admin weak-color"><b>Administrator</b></div>

Then adding a rule such as:

div.admin {background-color: #ff00ff;}

in the CSS panel under: Options > Application > Change appearance, should colour his avatar label.
Other grades of member could be accommodated with further code such as:

<div class="avatar-label mod weak-color"><b>Moderator</b></div>
<div class="avatar-label member weak-color"><b>Member</b></div>

and CSS rules such as:

div.mod {background-color: #ffff00;}
div.member {background-color: #00ffff;}

My trouble is I haven't got the NAML coding skills to implement this, but I suspect you have!

[Pedro]

Please, take a look at your avatar_label macro, I added the class avatar-color in your labels. Now, go to your css and try this code:
.avatar-color:{
color: red !important ;
}
Red is only an example.