• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Ayuda Como agregar estilos a los grupos de usuarios

Parzival

XenForoUser
Mensajes
23
Puntuación de reacciones
0
Puntos
1
País
México
Versión de XenForo
Página web
Web
Hola que tal a todos, soy nuevo con xenforo y quisiera saber si conocen de algún tutorial para poner los grupos de usuarios asi, al igual que los puntos de trofeo y los me gusta.

GmRK7LE.jpg
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Edita los grupos y coloca la clase "Azul", luego defines en la plantilla EXTRA.css estas clases
Rich (BB code):
.messageUserBlock .userBanner {
display: block;
margin-bottom: 5px;
margin-left: -6px;
margin-right: -6px;
}
.userBanner.Azul {
background-color: blue;
border-color: #8888ff;
color: white;
}
.userBanner.wrapped {
border-radius: 5px;
}
Fíjate en las coincidencias de color.
Para la clase Verde añadirías:
Insertar CODE, HTML o PHP:
.userBanner.Verde {
background-color: green;
border-color: #8888ff;
color: white;
}

Salud2
 

Adjuntos

  • 24.png
    24.png
    54,8 KB · Visitas: 2
Última edición:

Andros

XenForoUser
Mensajes
207
Puntuación de reacciones
28
Puntos
28
País
España
Versión de XenForo
1.5.5a
Página web
Web
Aprovecho este hilo...

Lms y si quieres llamar a una imagen png, jpg que hayas hecho tu como rango para cada grupo?
 

elvamo

XenForoUser
Mensajes
44
Puntuación de reacciones
8
Puntos
8
Sitio web
www.ModdersNationESP.net
País
España
Página web
Web
Aprovecho este hilo...

Lms y si quieres llamar a una imagen png, jpg que hayas hecho tu como rango para cada grupo?

Si no me confundo es cambiar

background-color: green;

por:

background: url("http://tusitio.net/images/imagen.png") center;

Al menos asi los pongo yo

http://tusitio.net/images/imagen.png esa URL si la imagen esta en tu mismo serbidor puedes ponerla asi:

images/imagen.png el .png logiacamente es solo el formato de la imagen puedes poner .gif .jpg ... pero siempre con una de las dos estructuras de link que te e dado. XD por cierto tu no estaras de casualidad tambien en una comunidad de minecraft no worldcraft o algo asimilar.

PD: quitaria el

border-color: #8888ff;
color: white;

Quedabdo el codigo asi:

Insertar CODE, HTML o PHP:
.userBanner.Verde {
background-color: green;
border-color: #8888ff;
color: white;
}


.userBanner.Verde  (entiendo que verde es el nombre unico de el grupo XD)
 

Parzival

XenForoUser
Mensajes
23
Puntuación de reacciones
0
Puntos
1
País
México
Versión de XenForo
Página web
Web
Ya pude poner los banners asi, pero ahora me surge la pregunta, como los puedo poner todos, porque en mi foro solo aparece 1, yo quiero que aparezcan todos los que tiene
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
PCA -> Inicio -> Opciones -> Opciones de usuario -> Rótulos de usuario ->
  • Mostrar rótulo de equipo Si se marca, se agregará automáticamente un rótulo a los miembros del equipo además del de mayor prioridad.
  • Permitir apilamiento de rótulos Si se marca, se mostrarán todos los rótulos aplicables a un usuario. Si se desmarca, solo se mostrará el rótulo de mayor prioridad.
  • Mostrar rótulo de Equipo y de grupo Si está desactivada la pila de rótulos, los miembros del equipo solo tendrán el rótulo del equipo. Si esta opción está activada, tendrán el rótulo del equipo y el rótulo del grupo con mayor prioridad.
  • Ocultar el título estándar de usuario Si se marca, en las situaciones en que se muestra un título de usuario, se mostrará un rótulo en vez y se ocultará el título de usuario. Los títulos personalizados por usuario nunca se ocultan.
Salud2
 

Andros

XenForoUser
Mensajes
207
Puntuación de reacciones
28
Puntos
28
País
España
Versión de XenForo
1.5.5a
Página web
Web
y en el caso de que te quieras crear una clase nueva diferente a las de:

.userBanner.Color (que son las originales)?

por cierto tu no estaras de casualidad tambien en una comunidad de minecraft no worldcraft o algo asimilar.

Es posible, estoy en algunas mandame mp y me dices en cual para no desvirtual el hilo.
 
Última edición:

WhiteSwan

Nuevo
Mensajes
4
Puntuación de reacciones
0
Puntos
1
País
México
Versión de XenForo
Página web
Web
Una gran disculpa por revivir este tema, pero mi duda surge por donde mismo...

@lms
He seguido los pasos:

Naranja 1.jpg

Como ven, coloqué Naranja, porque así titulé a mi grupo en el CSS:

Naranja 2.jpg

Sin embargo, no se aplica ningún estilo en el post del usuario, simplemente dice "Orientador" sin logo.
¿Qué es lo que hago de forma incorrecta exactamente? Intenté colocar un listón también pero obviamente sólo sale eso sobreescribiéndose a lo que puse en EXTRA.css
Por cierto que mi versión es 1.4.4

Gracias de antemano...
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Yo creo que es la caché la que te juega alguna mala pasada o el que lo hagas en estilos diferentes.

Salud2
 
Arriba