¿Cómo tener prefijos personalizados para los temas?

¿Cómo tener prefijos personalizados para los temas? | Foros Cuba

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

Lucien wrote:
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

Este tutorial es para lograr lo mismo que se esta usando en el foro. Tengo que hacer algunas pruebas a ver.
Gracias por compartir.

Lucien wrote:Hay poca documentación sobre esto en español de Xenforo

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

Lucien wrote:
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”

No es necesario este paso. Simplemente con agregar tu código css

Lucien wrote:

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;
}

en la plantilla extra.less puedes lograr el mismo resultado

Lucien wrote: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

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.