Color de "Grupos de Usuarios" diferentes según estilo (Template, Skin, etc)

imported_Jhonnyf Seguir

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Sep 2008
Mensajes
959
Objetivo:
Tener los Grupos de usuarios (Admin, moderador, usuario,etc) con colores diferentes según el estilo que se esté usando

¿Como Funciona?:

Al editar un grupo de usuario, en su sección "Usar Etiquetado HTML" en vez de usar un tag estático como <font color="blue"> o similar, vamos a usar una definición de CSS, y esta va a estar definida de forma diferente en cada estilo

Como Hacerlo:

Lo primero que vamos a hacer es modificar los Grupos de Usuarios, para eso vamos a

HTML:
Grupos de Usuarios -> Administrar Grupos -> Editamos el que queremos
Por motivos de tutorial solo voy a editar el Grupo de Usuarios Registrados ;)

en la parte de "Usar Etiquetado HTML" vamos a poner
HTML:
<span class="vbh_user">          </span>
gruposdeusuario.gif

Aquí indicamos que vamos a usar la definición vbh_user para este grupo de usuarios. (Si ves el foro, no veras cambios ya que esa definición aun no existe)

**************************
Ahora vamos definir esa clase (la definición XD) en nuestra plantilla vamos a agregarla en

HTML:
Estilos y Plantillas -> Administrar Estilos -> click en IR
Y casi al final esta Definición Adicional de CSS y en el cuadro de (Personalizado en Este Estilo) vamos a poner lo siguiente:
HTML:
.vbh_user {
 font-weight: bold;
 text-decoration: none;
 color: green
}
*Letra en Negrita, sin subrayado y en color verde

Si tuvieses otro estilo, solo pon lo mismo (el nombre de la clase ".vbh_user") pero cambia el color de la letra o los atributos que creas conveniente. haciendo esto los colores de los grupos cambiaran según la definición que le hayas dado en el estilo que escojan :p


Saludos
 

imported_Monito

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Abr 2008
Mensajes
441
Esto esta estupendo, ahora si podre juntar los themes "claros" con los "obscuros" xD

Gracias Jhonnyf ;)

Saludos :)
 

Dj MasterLive

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Dic 2007
Mensajes
575
interesante usar ese tipo de variable .. me gusto asi no tendre k cambiar los colores cuando cambie de skins
 

Carrega

Zeta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Ago 2008
Mensajes
1.881
y esa guía harto compleja sobre las suscripciones mediante pago? ah no que eso ya lo incorpora vbulletin ;P

como siempre un esplendido trabajo jhonnyf :)
 
I

imported_spanky

una duda ya cambie como lo dice aqui el color pero como le hago para separar por diferentes colores a los moderadores de los administradores
 

imported_Jhonnyf

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Sep 2008
Mensajes
959
tienes que crear una clase CSS por cada grupo (vbh_admin, vbh_smod,etc) y hacer la edicion su grupo respectivo
 

Lince

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ene 2010
Mensajes
15
Hola...este tutorial trabaja con vb suite4.0 gold...?
Por que no encuentro esto:..

"Y casi al final esta Definición Adicional de CSS y en el cuadro de (Personalizado en Este Estilo) vamos a poner lo siguiente:"

Gracias y muy buen tutorial...saludos.
 

jjuuaannk

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Sep 2007
Mensajes
953
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Hola lince,

Puedes agregarlo en la plantilla css vbulletin.css
al final...

un saludo
 

Poke studio

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
22 Jul 2010
Mensajes
8
No pude ponerlo en 3.8.5,me da error.
Hay que quitar lo que hay o ponerlo encima o debajo?

Gracias de Antemano;Buen Tutorial
 

descaro

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 May 2008
Mensajes
482
puedes hacerlo de la forma fácil poke en adminCP---> grupos de usuarios---> administrar grupos, editas el grupo que prefieras y en los recuadros Usar Etiquetado HTML pones en el 1º <font color=red, blue,... o valor hexadecimal><B> en el segundo recuadro cierras las etiquetas </b></font>
 
Arriba