¡Bienvenido!

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

¡Regístrate ahora!

¿Cómo tener prefijos personalizados para los temas?

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

Lucien's iconLucien

Bored
Administrador
Mensajes
1,186
Puntos de reacción
5,489
Hay poca documentación sobre esto en español de Xenforo, así que voy a alumbrar un poco esto jaja. Primeramente, quiero aclarar que debido al poco espacio que tenemos en el hosting no será posible subir las fotos de los tutoriales enteramente, próximamente tendremos un blog de Cubava el cual usaremos para subir material sin miedo a perderlo :D

Primeramente declaremos la plantilla que queramos en el extra.less

HTML: 
<xf:include template="prefijos_temas.less" />

PANEL DE CONTROL> APARIENCIA>PLANTILLAS> CREAR NUEVA nombre ” prefijos_temas.less”

Y añadimos este código:

CSS: 
/*ALTER EGO*/
.alterego{
    background-color: #3d3ec2;
    border: 1px solid #278EDF !important;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 4px;
    vertical-align: middle;
}

Como pueden ver es simple CSS, entonces pueden editar los valores a su gusto, el tamaño de la letra, el fondo, pueden quitar o desagregar.

Para tener una imagen de fondo como me pidió aptoide, tienen que agregar esta línea al codigo CSS

CSS: 
background: url('url de la imagen aqui') repeat scroll 0 0 transparent;

obviamente insertando la url del GIF que quieran poner


Para agregarlo a un grupo tienes que ir a PANEL DE ADMINISTRACIÓN>Grupos y permisos>Grupos de usuarios>Grupo>Estilado del prefijo/rotulado de usuario y en el valor del campo CSS tienes que poner .alterego
 
Schmidt dijo:
Hay poca documentación sobre esto en español de Xenforo, así que voy a alumbrar un poco esto jaja. Primeramente, quiero aclarar que debido al poco espacio que tenemos en el hosting no será posible subir las fotos de los tutoriales enteramente, próximamente tendremos un blog de Cubava el cual usaremos para subir material sin miedo a perderlo :D

Primeramente declaremos la plantilla que queramos en el extra.less

HTML: 
<xf:include template="prefijos_temas.less" />

PANEL DE CONTROL> APARIENCIA>PLANTILLAS> CREAR NUEVA nombre ” prefijos_temas.less”

Y añadimos este código:

CSS: 
/*ALTER EGO*/
.alterego{
    background-color: #3d3ec2;
    border: 1px solid #278EDF !important;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 4px;
    vertical-align: middle;
}

Como pueden ver es simple CSS, entonces pueden editar los valores a su gusto, el tamaño de la letra, el fondo, pueden quitar o desagregar.

Para tener una imagen de fondo como me pidió aptoide, tienen que agregar esta línea al codigo CSS

CSS: 
background: url('url de la imagen aqui') repeat scroll 0 0 transparent;

obviamente insertando la url del GIF que quieran poner


Para agregarlo a un grupo tienes que ir a PANEL DE ADMINISTRACIÓN>Grupos y permisos>Grupos de usuarios>Grupo>Estilado del prefijo/rotulado de usuario y en el valor del campo CSS tienes que poner .alterego
Haz clic para expandir...

Este tutorial es para lograr lo mismo que se esta usando en el foro. Tengo que hacer algunas pruebas a ver.
Gracias por compartir.
 
Schmidt dijo:
Hay poca documentación sobre esto en español de Xenforo
Haz clic para expandir...
Hay bastante documentación en español, que no se conozca es otro tema, xenfacil.com comunidad oficial de XenForo en español
Esto lo puedes simplificar
Schmidt dijo:
Primeramente declaremos la plantilla que queramos en el extra.less

HTML: 
<xf:include template="prefijos_temas.less" />
PANEL DE CONTROL> APARIENCIA>PLANTILLAS> CREAR NUEVA nombre ” prefijos_temas.less”
Haz clic para expandir...
No es necesario este paso. Simplemente con agregar tu código css
Schmidt dijo:
CSS:
Código: 
/*ALTER EGO*/
.alterego{
    background-color: #3d3ec2;
    border: 1px solid #278EDF !important;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 4px;
    vertical-align: middle;
}
Haz clic para expandir...
en la plantilla extra.less puedes lograr el mismo resultado
Schmidt dijo:
Para agregarlo a un grupo tienes que ir a PANEL DE ADMINISTRACIÓN>Grupos y permisos>Grupos de usuarios>Grupo>Estilado del prefijo/rotulado de usuario y en el valor del campo CSS tienes que poner .alterego
Haz clic para expandir...
Aquí agregas el alterego sin el punto
También para los prefijos de tema donde dice Mostrar diseño: marcar otro y pones alterego sin el punto.
 
Atrás