¡Bienvenido!

Al registrarte con nosotros, podrás discutir, compartir y enviar mensajes privados con otros miembros de nuestra comunidad.

¡Regístrate ahora!

Colores según genero XF2

  • Iniciador del tema Iniciador del tema Lucien's iconLucien
  • Fecha de inicio Fecha de inicio

Lucien's iconLucien

Bored
Administrador
Mensajes
1,186
Puntos de reacción
5,489
Este tutorial es para explicar de forma simplificada como hacer este simple mecanismo:


Creamos dos grupos de usuarios (o cuantos quieras, en este ejemplo dos)



Creo el grupo ChicoEgo , en el apartado Username CSS añades este codigo:

Ver el archivos adjunto 5987

CSS:
color: #09edc0;
background: ;
text-shadow: 4px 2px 4px #09edc0;

En el apartado de Display styling priority , ponemos el numero 10;

y en User title override, marcamos la segunda opción y agregamos el Nombre ChicoEgo, te debe de quedar así:

Ver el archivos adjunto 5993

Guardamos el grupo.


Luego repetimos el proceso



pero esta vez agreamos otro codigo y ponemos ChicaEgo , tiene que quedar algo asi:

Ver el archivos adjunto 5999

CSS:
color: #FF1493;
background: ;
text-shadow: 4px 2px 4px #FF1493;


Vamos a la sección de usuarios Users/Custom Users Fields y creamos uno nuevo:


luego siga los pasos de la imagen:

Ver el archivos adjunto 6005

No tocamos nada más, y hasta en:

Options for choice fields

ponemos lo siguiente:

Ver el archivos adjunto 6011





en las General options recomiendo marcar las siguientes:

Ver el archivos adjunto 6017

Viajamos nuevamente al apartado de Groups & permissions

Abrimos User group promotions o abrir este link: https://www.tuforo.ejemplo.cu/admin.php?user-group-promotions/

Creamos una , luego tenemos tres pestañas:

En la primera marcamos ChicoEgo

Ver el archivos adjunto 6023





y en la tercera:


Ver el archivos adjunto 6029

Luego hacemos otra promoción más pero para el grupo de Chicas, en la primera seleccionamos ChicaEgo

Ver el archivos adjunto 6035


y en la tercera tenemos esta:

Ver el archivos adjunto 6041


y eso sería todo para tener lo más basico

1614836998778.webp

1614837105902.webp

1614837264371.webp

1614837515177.webp

1614837588040.webp

1614837643845.webp

1614837891203.webp

1614837920901.webp

1614837966328.webp

1614837996557.webp
 
Última edición por un moderador:
Debería probar eso ahora mismo y ver más colores? Ah.... Eso es para aquellos foros que quieren poner los usuarios con colores!!!! La verdad, doy un consejo, no se estanque en el rojo y azul, que la vida se hace las animada con más colores y tonalidades... Les puedo enseñar una página donde pueden aprender de colorimetría y ver la infinidad que hay. Estaría bien romper el molde de todos los foros... ?
 
Debería probar eso ahora mismo y ver más colores? Ah.... Eso es para aquellos foros que quieren poner los usuarios con colores!!!! La verdad, doy un consejo, no se estanque en el rojo y azul, que la vida se hace las animada con más colores y tonalidades... Les puedo enseñar una página donde pueden aprender de colorimetría y ver la infinidad que hay. Estaría bien romper el molde de todos los foros... ?
No soy muy fan de poner los colores según el grupo, por eso en este foro es diferente, pero tienes razón, quedaría mejor colores originales, mira como queda el resultado de este tutorial:


Ver el archivos adjunto 6047

chico / chica

1614838838462.webp
 
No soy muy fan de poner los colores según el grupo, por eso en este foro es diferente, pero tienes razón, quedaría mejor colores originales, mira como queda el resultado de este tutorial:


Ver el archivos adjunto 6047

chico / chica
Si, han quedado súper. Pero incluso el código puede mejorarse y lo sabemos. Poniéndolo, en caso de quererlo hasta ma exótico. La política de diseño de este foro es que entren todos por igual y que un color no defina sexo, ni género, ni cargos. Cosa que cada quien tenga un color diferente a lo que están" establecido por tradición forera". Por ejemplo, Admin rojo, global azul, moderador verde. Romper con los cánones puede traer beneficios, y animar el ambiente. Otra idea sería poner esos códigos en neón si deciden hacer el foro negro, o sombreado intenso neón si es blanco, cosa que contraste. Y sería más notorio que tener el solo color y ya.
Mi otra idea es que.. hay tantos colores como combinaciones de números y letras se puedan hacer. Cada uno con un tono, matiz, sombra, panton diferentes. Rosas hay muchas, azules también. Y así con todos los colores. Solo tienes que tener la ganas de marcar una diferencia sana. ?
 
Este tutorial es para explicar de forma simplificada como hacer este simple mecanismo:


Creamos dos grupos de usuarios (o cuantos quieras, en este ejemplo dos)



Creo el grupo ChicoEgo , en el apartado Username CSS añades este codigo:

Ver el archivos adjunto 5987

CSS:
color: #09edc0;
background: ;
text-shadow: 4px 2px 4px #09edc0;

En el apartado de Display styling priority , ponemos el numero 10;

y en User title override, marcamos la segunda opción y agregamos el Nombre ChicoEgo, te debe de quedar así:

Ver el archivos adjunto 5993

Guardamos el grupo.


Luego repetimos el proceso



pero esta vez agreamos otro codigo y ponemos ChicaEgo , tiene que quedar algo asi:

Ver el archivos adjunto 5999

CSS:
color: #FF1493;
background: ;
text-shadow: 4px 2px 4px #FF1493;


Vamos a la sección de usuarios Users/Custom Users Fields y creamos uno nuevo:


luego siga los pasos de la imagen:

Ver el archivos adjunto 6005

No tocamos nada más, y hasta en:

Options for choice fields

ponemos lo siguiente:

Ver el archivos adjunto 6011





en las General options recomiendo marcar las siguientes:

Ver el archivos adjunto 6017

Viajamos nuevamente al apartado de Groups & permissions

Abrimos User group promotions o abrir este link: https://www.tuforo.ejemplo.cu/admin.php?user-group-promotions/

Creamos una , luego tenemos tres pestañas:

En la primera marcamos ChicoEgo

Ver el archivos adjunto 6023





y en la tercera:


Ver el archivos adjunto 6029

Luego hacemos otra promoción más pero para el grupo de Chicas, en la primera seleccionamos ChicaEgo

Ver el archivos adjunto 6035


y en la tercera tenemos esta:

Ver el archivos adjunto 6041


y eso sería todo para tener lo más basico
Eso esta bien mi negrito hahaha ! Gracias por el aporte
 
Atrás