Solucionado Variedad de colores en los prefijos.

Brogan dijo:

Estoy seguro de que mucha gente va a querer crear su propio CSS de los prefijos de tema, por lo que este tema le ayudará a hacer eso.

El siguiente código debe ser añadido en la plantilla EXTRA.css.

En el siguiente ejemplo vamos a crear dos clases; CTA1 y CTA2.
Por supuesto, puede elegir los nombres de clase que más le guste.

Como puede ver, el CSS es bastante básico, consta sólo de texto, color de fondo y el color del borde.
Usted puede añadir lo que más le guste al diseño.

Cada clase también tiene CSS para el hover, por lo que los prefijos individuales pueden tener diferentes efectos para el hover. Una vez más, el CSS puede ser ampliado para adaptarse a sus necesidades.

Una vez que haya creado el CSS de su prefijo, simplemente elija “Otro” cuándo crea su prefijo, utilizando el nombre de la clase del CSS personalizado, introduciéndolo de la siguiente forma: prefix prefixCTA1
Tenga en cuenta que no hay puntos (.) antes de los nombres de las clases y están separados por un espacio.

Si usted tiene múltiples estilos instalados, necesitará añadir el código en la plantilla EXTRA.css de cada estilo.
No tiene por qué ser el mismo, puede cambiarse para adaptarse a cada estilo.

Hacer clic para expandir...

.prefix.prefixCTA1{
color: @textCtrlBackground;
background-color: @primaryDarker;
border-color: @primaryDark;
}
    a.prefixLink:hover .prefix.prefixCTA1 {
    color: red;
    background-color: yellow;
    border-color: blue;
    }
 
.prefix.prefixCTA2 {
color: @textCtrlBackground;
background-color: @primaryLightish;
border-color: @primaryMedium;
}
    a.prefixLink:hover .prefix.prefixCTA2 {
    color: black;
    background-color: white;
    border-color: red;
    }

http://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/

Hacer clic para expandir...

http://css-tricks.com/examples/ButtonMaker/#

Hacer clic para expandir...