The method of defining HTML markup for user name shown in this thread is somewhat incomplete.
More powerful text formatting is possible if you define a style in your CSS style sheet and then reference it.
A short video explains the steps involved:
http://www.youtube.com/watch?v=1XJlNYQ1Q9A
There are two locations where you will define values:
1: Style sheet values
Styles & Templates > Style Manager > Edit Templates > CSS Templates > Additional.CSS
2: Username HTML Markup values
usergroups>usergroup manager>
To make this idiotproof, I am providing my own values below.
Username HTML MARKUP (for my 'admin' usergroup)
first input box <span class="admin">
Second box </span>
My CSS Stylesheet values:
Code:
.admin {
font-family: Microsoft Sans Serif;
font-size: 20px; color: red;
text-shadow: rgb(255, 0, 0) 0px 0px 4px, rgb(255, 255, 255) 2px 1px 0px, rgb(255, 0, 0) 0px 0px 12px;" }
.moderator {
font-family: Impact;
font-size: 15px;
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(255, 255, 0) 0px 0px 3px;" }
.supermod {
color: rgb(0, 0, 218);
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 9px;" }
.lv1 {
font-family: Fixedsys;
font-size: 10px;
color: rgb(0, 0, 0); text-shadow: rgb(0, 0, 0) 0px 0px 5px;" }
.lv2 {
font-family: system;
font-size: 11px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px;" }
.lv3 {
font-family: Microsoft Sans Serif;
font-size: 15px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px;" }
.lv4 {
font-family: Microsoft Sans Serif; font-size: 17px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 5px;" }
.lv5 {
font-family: Microsoft Sans Serif; font-size: 20px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 12, 244) 0px 0px 3px, rgb(0, 12, 244) 0px 0px 4px;" }