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

I

imported_Jhonnyf

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Ago 2009

• #1

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>

​

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 😛


Saludos

 

I

imported_Monito

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Ago 2009

• #2

Esto esta estupendo, ahora si podre juntar los themes "claros" con los "obscuros" xD

Gracias Jhonnyf 😉

Saludos 🙂

 

D

Dj MasterLive

Delta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Ago 2009

• #3

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!

• 8 Ago 2009

• #4

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

• 13 Ago 2009

• #5

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

 

I

imported_Jhonnyf

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 13 Ago 2009

• #6

tienes que crear una clase CSS por cada grupo (vbh_admin, vbh_smod,etc) y hacer la edicion su grupo respectivo

 

L

llLapkall

• 17 Dic 2009

• #7

tengo una pregunta como le pongo los ragos abajo del nombre.

 

X

Xanathos

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 17 Dic 2009

• #8

llLapkall dijo:

tengo una pregunta como le pongo los ragos abajo del nombre.

Hacer clic para expandir...

con esto:
http://www.vbhispano.com/foros/f99/arreglar_imagenes_ranks-15842/

pero en rc4 ya viene arreglado

 

L

Lince

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 30 Ene 2010

• #9

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.

 

J

jjuuaannk

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 30 Ene 2010

• #10

Hola lince,

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

un saludo

 

P

Poke studio

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Jul 2010

• #11

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

 

D

descaro

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Jul 2010

• #12

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>