Estilo para os grupos de usuários xenforo 2

Hola amigos, aqui les dejo un pequeño tutorial para colocar estilo a los grupos de usuarios

Ir a extra.less y colocar el siguiente codigo


Luego ir al grupo de usuario(en mi caso colocare al grupo administrador) y escoger la opcion "Otro, utilizando nombre de la clase personal de CSS"



Resultado lo verán de la siguiente forma



Saludos

Genial amigo, disculpa ¿Cómo puedo poner una insignia en título del grupo?

Nullz disse:

Hola amigos, aqui les dejo un pequeño tutorial para colocar estilo a los grupos de usuarios

Ir a extra.less y colocar el siguiente codigo

CSS:

.admin {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    padding: .5em 0em;
    font-weight: 500;
    color: #fff;
    background: #ff0000;
    text-transform: uppercase;
    border: none;
    position: relative;
    overflow: hidden;
}

.admin:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2s infinite;
}
@keyframes light {
    0% {
        left: -80%;
    }
    100% {
        left: 80%;
    }
}

Luego ir al grupo de usuario(en mi caso colocare al grupo administrador) y escoger la opcion "Otro, utilizando nombre de la clase personal de CSS"

Ver o anexo 1134301

Resultado lo verán de la siguiente forma

Ver o anexo 1134302

Saludos

Clique para expandir...

muy cool, me lo guardo