Bueno este es un tutorial Simple, Bonito y Fácil, creado 100% por mi.
Paso 1#: Vamos a Admin Panel > Usarios y Grupos > Grupos de Usuarios > Escogemos cualquiera (Ejemplo Administradores) > Donde dice Estilo del Nombre de Usuario Reemplazamos por

Cita:<span style="color: green;"><img src="LINK A IMAGEN" alt="" class="ficons"><strong><em>{username}</em></strong></span>

# En green podemos poner un color Hexadecimal o Blue, Red etc.
# En LINK A IMAGEN tendremos que poner donde se encuentra la imagen deseada, yo dejare algunas en este post.

Finalmente GUARDAR GRUPO. Asi sucesivamente hasta tenerlos todos con imagenes.
ACLARO: Esto no influye en el Inicio de seción con tu cuenta.

Imagenes:

Cita:<tr><td class="tcat"><span class="smalltext"><strong>Group Legend</strong></span></td></tr>
<tr>
<td class="trow1">
<strong>
<span class="smalltext">
<span style="color: rgb(241, 24, 116);"><img src="LINK A IMAGEN" alt="Administrator" class="ficons">Administrator</span> -
<span style="color: rgb(102, 204, 0);"><img src="LINK A IMAGEN" alt="Moderator" class="ficons">Moderator</span> -
<span style="color: rgb(249, 177, 23);"><img src="LINK A IMAGEN" alt="Editor" class="ficons">Editor</span> -
<span style="color: rgb(0, 0, 0);"><img src="LINK A IMAGEN" alt="Member" class="ficons">Member</span> -
</span></strong>
<span style="color: rgb(43, 41, 41);"><img src="LINK A IMAGEN" alt="Awaiting Activation" class="ficons"><s>Awaiting Activation</s></span> -

<span style="color: rgb(153, 153, 153);"><img src="LINK A IMAGEN" alt="Banned" class="ficons"><s>Banned</s></span>

</td>
</tr>

El color es Optativo, lo puedes cambiar viendo los colores aqui.
http://www.allprofitallfree.com/color-wheel2.html

Extras: Imagenes para El perfil
Click AQUI Descarga via 6mirror /MU/RS/ETC.

MiniFicons En foros.

Son los mismos pasos de arriba Solamente te vas a Mensajes y Foros, y en el Titulo del foro pones

Cita:<img src="Link a Imagen" alt="">Nombre de FORO O SUBFORO

Recuerda: Sirve para Foros o SubForos.

Imagen:

El tutorial fue probado antes de hacerlo...

Creditos: ne0r4nks.

El problema es que en el 24 online se ve feo cuando tienes muchos users:


Como le hago para que solo se vea en el posbit?

ne0.- para que no pase eso mejor edita laplantilla del showteam o algo asi, ahi metes las imagenes si no pasa lo q le pasa a Bour Elvan

(1 Aug, 2010, 12:32 am)Bour Elvan escribió: El problema es que en el 24 online se ve feo cuando tienes muchos users:


Como le hago para que solo se vea en el posbit?

Saca los 24Hrs o quitale el MiniFicons a los Users.

Hola.

Buen tutorial, sencillo pero gustoso.

Tengo una pregunta.
¿Dónde está la clase o que lleva la clase .ficons?
...<img src="LINK A IMAGEN" alt="" class="ficons">...

Porque en el código lo escribes pero no veo que lleva esa clase.

Saludos.

(1 Aug, 2010, 10:52 am)ne0.- escribió:

(1 Aug, 2010, 12:32 am)Bour Elvan escribió: El problema es que en el 24 online se ve feo cuando tienes muchos users:


Como le hago para que solo se vea en el posbit?

Saca los 24Hrs o quitale el MiniFicons a los Users.

Si tendre que quitar el tuto

(1 Aug, 2010, 11:15 am)Invitado escribió: Hola.

Buen tutorial, sencillo pero gustoso.

Tengo una pregunta.
¿Dónde está la clase o que lleva la clase .ficons?
...<img src="LINK A IMAGEN" alt="" class="ficons">...

Porque en el código lo escribes pero no veo que lleva esa clase.

Saludos.

Mira

Cita:<img src="LINK A IMAGEN" alt="" class="ficons">

Lo mismo

Cita:<img src="LINK A IMAGEN" alt="" >

Pero yo queria saber que tiene el .ficons :S

Bueno si igual no sabes, buen tuto compañero

.ficons va en global.css, pero se ve que si lo borras te tendria que andar, ya que en ningun lado figura eso

Yo se que .ficons va en el global.css

Pero mi duda es que tiene, que valores posee ese .ficons
pero igual se que el que creo el tuto no lo sabe...

Bueno total tampoco vale mucho solo tenia esa duda.