[Duda] Color de grupo por defecto en perfil

Hola a todos!

La verdad es que no sabía si publicar esta duda o no, pero estoy haciendo un nuevo diseño en un foro de prueba y algo que me llevo preguntando largo rato es: ¿cómo hacer que el color del grupo se use como defecto para cualquier otro elemento del usuario?

Por poner un ejemplo, que todo el perfil el /uXXXX, en vez de tener un color predefinido, siga los patrones de color de grupo. O que en el perfil del post, el fondo del hover sea del color del grupo.

El caso es que he probado varios tutoriales del foro de preguntas de FA, pero ninguno me ha servido. Y no sé si algún alma caritativa supiera quitarme esta duda.

¡Gracias de antemano!

Hola!
Puesssss la única forma que se me ocurre es tener un campo oculto en el perfil que sea algo como "grupo de usuario" que tenga, no sé, el nombre corto y sin espacios del grupo (o un número, como sea), y crear clases con esas denominaciones para usarlas en tu perfil? Más o menos así...
- Tienes tres grupos, Usuarios, Moderadores, y Administradores
- Creas clases .g-users, .g-mods, g-admins; o como quieras, y en los estilos de background les pones los colores y demás
- En un campo del perfil que puedan editar sólo mods/admins, deberás ingresar como le pusiste a las clases: users, mods, admins
- Al usarse en el miniperfil/perfil, se llamaría tipo class="g-< campoaquí >", y se completaría con lo que pongas en el campo, ej class="g-users"
- Para que no salga mal para los que no estén en grupos, deberías tener una clase default para esto (no sé si los nombres de clase puedan terminar en símbolo para que la clase se llame g- (?))


También otra forma, quizás más cansina(?) es tener un campo pero para poner directamente el color en hexadecimal? para que se reemplace cada que lo necesites.


En realidad no sé cómo funcionan los campos de usuario, pero más o menos esa es la idea(?) Éxitos o/

Gracias, Flandre!

No sé hasta qué punto pueda funcionar así, porque en los campos de perfil... técnicamente son para todos igual. Pero si de usuarios tienes 3 grupos, no puedes poner tres background-color distinto porque en campo sólo te aceptaría uno...

Y yo lo que quiero es que coja el color del grupo (tenga 3,5 o 20) por defecto y lo cambié automáticamente. Si es nuevo usuario y el color es gris, que cuando se le pase al grupo o al rango X, que tiene el color turquesa, los motivos sean turquesa.

Lo he visto en otros foros, pero desconozco si es un javascript o css.

Pero muchas gracias por tu idea y tomarte la molestia ❤️

Lior escribió:No sé hasta qué punto pueda funcionar así, porque en los campos de perfil... técnicamente son para todos igual. Pero si de usuarios tienes 3 grupos, no puedes poner tres background-color distinto porque en campo sólo te aceptaría uno...

No entendí bien esta parte(?) pero dejaré mi ejemplo con mi foro, aunque quizás sea un poco distinto (más que nada porque JCink(?)).
En el foro que llevo, cada usuario puede ponerle el color que guste a su perfil, hay un campo para eso en el perfil. Entonces, el código del mini perfil, por ejemplo, tiene una parte de style donde le agrego el campo editable (y también los diferencio por id de usuario y nombre de grupo para evitar que repentinamente todos tengan el mismo color), algo como

Código:

.minip_group, #minip .<!-- |g_title| -->-<!-- |id| --> .mpposts{
 color:<!-- |field_6| --> !important;
}

y por ejemplo para un usuario, el mío, se transformaría así

Código:

.minip_group, #minip .Admin-3 .mpposts{
 color:#2e3876 !important;
}

Supongo que en FA sería algo parecido? Pero como quieres que sea para los grupos existentes, tendrías que hacer sí o sí las n cantidad de clases según tus grupos, y de alguna forma obtener algún indicador del grupo a través del perfil, para así usar el css que ya estableciste en lugar que se genere por cada usuario como yo lo manejo.

O sea, también se puede usar javascript para eso, y lo he usado (!?) pero el código específico para tu caso ya depende de la estructura que tengas de los elementos de tu foro. Esto significa que los códigos que ponga acá abajo puede que no te funcionen!!! Esto es muy importante pls. Sólo podría darte la idea básica:
- Buscar el elemento que contenga el nombre del usuario con color
-- A ese elemento, obtenerle el valor de su estilo color

Código:

$(element).find(".pr-name span").css('color')

- Si quieres, puedes guardar ese elemento en una variable (?)

Código:

var variable = $(element).find(".pr-name span").css('color')

- Buscar los elementos donde quieras usar el color
-- Cambiarle el estilo que necesites con ese color

Código:

$(element).find("algunotroelemento").css('algunestilo', variable)

(siendo algo técnicos, la diferencia entre la 1era forma y la 2da es que la 1era se hace del lado del servidor, mientras que la forma con js se hace del lado del cliente/browser en pocas palabras, es 'más lento', 'pide más carga' uvu; )

También he visto otros lados donde usan imágenes, creo??? Por ejemplo las imágenes de los rangos? like una imagen de un color sólido y usarlo como si fuese fondo... O quizás me lo imaginé? Pero suena como una idea factible verdad? (?)

Pues no sé, hay varias formas de hacer las cosas, al final podrías usar la que te funcione mejor o sea más fácil para ti, ya sea CSS o JS

Me mareé con la explicacion de Flandre HAHAHA, pero vamos a agradecer su detallada ayuda.
Lo que andas buscando lograr es algo que de hecho siempre coloco en mis foros, les da un toque mas elegante.
Lo que hice fue seguir este tuto de Foroactivo, editándolo para que quedase para cada grupo:

http://asistencia.foroactivo.com/t125909-imagen-de-fondo-en-un-mensaje-segun-el-rango

A la explicación detallada la subiré en un tutorial para que todos tengan oportunidad de aprovecharle por igual ; )

Flandre, pues el caso es que en jcink te da más posibilidades para modificar los cambios. Sin embargo en FA no. En los templates, sólo hay UN FIELD que sirve para todo, pero luego con el CSS se modifica y los vas desglosando. Así que es más complicado darles tu propio estilo. De hecho, FA no te permite que el usuario elija el color que quiera para su mini-perfil, ni nada similar. Ojalá fuera más parecido a jcink, pero no :ccccc

Pues en verdad, quizás el javascript funcionaría, pero no acabo de ver cómo moldearlo para poder usar el color de grupo. Entiendo que tendría que hacer uno por cada grupo o algo similar (?) xDDDDD Nótese aquí que tengo mucho que aprender de java, porque se me atraganta x_x

De todas formas, MUCHAS GRACIAS porque te has tomado tanta molestia y lloro de felicidad <3333

A Soft Murmur OMG! Si pudieras subir un tutorial sería MAGNÍFICO, de verdad. Y ese tutorial no lo había visto. ¡Muchísimas gracias por pasármelo! Voy a intentar usarlo como base para lo que quiero hacer, aunque no quiera una imagen de fondo, en sí, pero igual puedo probar cosas.

Que os pongan a ambos una estatua, de verdad.