Colocarle dos colores a los rangos

Hola!
veran ya tengo experiencia en muchos foros y pues de muchas versiones (no soy experto)
al contrario pero para quienes desen anexarle un poco de caché a su foro es decir éste efecto



Para conseguirlo unicamente tenemos que ir a

PA=>Controles de usuarios =>Grupo de usuarios=>Grupos basados en el conteo de mensajes

Y seleccionan el que más les agrade y colocan en código HTML en donde dice "NOMBRE DEL GRUPO"

Code: [Select]

<b>Nue<font color=#ff3447>vo</font></b>
donde dice #ff3447 es el color lo pueden sacar de photoshop o de una paleta de colores

después de la

Code: [Select]

<b> coloquen la mitad de lo que quieran que aparezca normal y en negrita y después de

Code: [Select]

#ff3447>  colocan lo que quieran en éste caso yo puse Nue <<<<  Negritas vo<<<<< rojo

Y dan Guardar y tendrán un hermoso efecto

Saludos!!!

OFF::
Quiero anexarles lo de lean en un quote

Yo lo haria de la siguiente forma ya que las etiquetas que utilizaste estan deprecated y no son validas (aunque funcionan)

Lo ideal es usar un class y darle estilo desde css.

Quedaria algo asi:
En el nombre del grupo del mensaje pongo esto. (como ejemplo, seria el del admin)
Código: [Seleccionar]

<span class="ac1">Admin<span class="ac2">istrador</span></span>

Nota: ac1 (admin color 1) y ac2 (admin color 2), eso lo puse para abreviar al maximo ya que ese input solo acepta un cierto limite de caracteres. mientras mas chico el nombre muchisimo mejor porque podrian arruinar esa parte de la administracion.

Y en el index.css poner lo siguiente:
Código: [Seleccionar]

.ac1 {
  font-weight: bold; // manera correcta de poner letra negrita
}

.ac2 {
   font-weight: bold; // manera correcta de poner letra negrita
   color: red; // Aca se podria poner tambien un color en hexadecimal o rgb tambien.
}


Con eso les daria el mismo resultado pero valido en cuanto a validacion html.

Saludos y excelente por la intencion de aportar! +10

PD: si queres podes poner mi ejemplo agregado al post asi tienen 2 opciones.

Interesante, muy buen tutorial

Por nada espero que les ayude!

Yo lo haria de la siguiente forma ya que las etiquetas que utilizaste estan deprecated y no son validas (aunque funcionan)

Lo ideal es usar un class y darle estilo desde css.

Quedaria algo asi:
En el nombre del grupo del mensaje pongo esto. (como ejemplo, seria el del admin)

Code: [Select]

<span class="ac1">Admin<span class="ac2">istrador</span></span>Nota: ac1 (admin color 1) y ac2 (admin color 2), eso lo puse para abreviar al maximo ya que ese input solo acepta un cierto limite de caracteres. mientras mas chico el nombre muchisimo mejor porque podrian arruinar esa parte de la administracion.

Y en el index.css poner lo siguiente:

Code: [Select]

.ac1 {
  font-weight: bold; // manera correcta de poner letra negrita
}

.ac2 {
   font-weight: bold; // manera correcta de poner letra negrita
   color: red; // Aca se podria poner tambien un color en hexadecimal o rgb tambien.
}

Con eso les daria el mismo resultado pero valido en cuanto a validacion html.

Saludos y excelente por la intencion de aportar! +10

PD: si queres podes poner mi ejemplo agregado al post asi tienen 2 opciones.

Listo lo anexe
aunque tu idea es mejor, almenos podria servirle a novatos que apenas comienzan a familiarizarse

Saludos!!

Muy chulo, muchas gracias