lms
Administrador
- Mensajes
- 7.741
- Puntuación de reacciones
- 2.163
- Puntos
- 2.613
- Sitio web
- xenfacil.com
- Versión de XenForo
- 2.1.x
- Página web
- Web
Estoy convencido que existe un gran número de usuarios que quieren aplicar su propio CSS a los prefijos. Este tema indica como hacerlo.
El siguiente código debe añadirse a la plantilla EXTRA.css (de cada estilo si hay más de uno)-
En el ejemplo vamos a crear dos clases: CTA1 y CTA2.
Obviamente se puede elegir el nombre que uno quiera.
Como puede verse, el CSS es muy básico y consiste en colores de texto, fondo y bordes.
Puede añadirse cualquier clase de estilo, según los gustos de cada cual.
Cada clase tiene también un "hover" en CSS, por lo que cada prefijo puede tener un efecto "hover" diferente de otros prefijos. Además, el CSS puede expandirse.
Una vez creado el CSS, simplemente se debe elegir la opción "Otro", usar nombre de clase de CSS personalizado para el prefijo en cuestión e introducirlo tal y como sigue: prefix prefixCTA1
Advierte que no hay . antes del nombre de la clase y que está separado por un espacio.
Si tienes varios estilos instalados, precisarás agregar el código a la plantilla EXTRA.css en cada uno de los estilos. No tiene por qué ser el mismo, se puede cambiar para adaptarse a cada estilo.
Artículo original de : Brogan, en [url='https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/']Creating custom thread prefix CSS[/URL]
Salud2
El siguiente código debe añadirse a la plantilla EXTRA.css (de cada estilo si hay más de uno)-
En el ejemplo vamos a crear dos clases: CTA1 y CTA2.
Obviamente se puede elegir el nombre que uno quiera.
Rich (BB code):
.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;
}
Como puede verse, el CSS es muy básico y consiste en colores de texto, fondo y bordes.
Puede añadirse cualquier clase de estilo, según los gustos de cada cual.
Cada clase tiene también un "hover" en CSS, por lo que cada prefijo puede tener un efecto "hover" diferente de otros prefijos. Además, el CSS puede expandirse.
Una vez creado el CSS, simplemente se debe elegir la opción "Otro", usar nombre de clase de CSS personalizado para el prefijo en cuestión e introducirlo tal y como sigue: prefix prefixCTA1
Advierte que no hay . antes del nombre de la clase y que está separado por un espacio.
Si tienes varios estilos instalados, precisarás agregar el código a la plantilla EXTRA.css en cada uno de los estilos. No tiene por qué ser el mismo, se puede cambiar para adaptarse a cada estilo.
Artículo original de : Brogan, en [url='https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/']Creating custom thread prefix CSS[/URL]
Salud2