Re: What am I doing wrong here?
Posted by
GregChapman on
Feb 10, 2013; 9:20pm
URL: https://support.nabble.com/What-am-I-doing-wrong-here-tp7582984p7583046.html
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&user=370116" rel="nofollow" title="View profile of Pedro <Nabble>" class="nowrap no-decoration"><img class="avatar medium-border-color" src="http://www.gravatar.com/avatar/118c8bc33510e02dd33ccd81db5145a4?s=100&r=pg&d=http%3A%2F%2Fn2.nabble.com%2Fimages%2Favatar100.png" height="100" width="100" alt="Pedro <Nabble>" title="Pedro <Nabble>"/><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!
Volunteer Helper - but recommending that users move off the platform!
Once the admin for GregHelp now deleted.