• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Gráficos Botones en "Me gusta", "Citar", etc..

edubal

XenForoUser
Mensajes
11
Puntuación de reacciones
1
Puntos
1
Hola, me gustaría poner las opciones de mensaje "me gusta", "citar", "denunciar" parecidas a un boton en lugar de simples letras, igual que vosotros en Xenfacil.com.

Tocando la opción >Mensajes - Elementos y > Mensajes diseño, consigo poner el fondo azul pero no darle la forma ovalada que lo identifica como un boton. :rolleyes:

Gracias desde ya.
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba aquí:
  1. Propiedades del estilo -> Mensaje -> Elementos -> Contenedor de controles 'Públicos' (Contenedor de controles vistos por los visitantes en general -'Me gusta', Citar, etc. )
  2. Propiedades del estilo -> Mensaje -> Elementos -> Contenedor de controles 'privados' (Contenedor de controles, generalmente vistos por visitantes privilegiados - Editar, Eliminar, IP, etc. )
En la plantilla extra.css puedes añadir
Insertar CODE, HTML o PHP:
.message .messageMeta .control,
.message .messageMeta .control a,
.message .publicControls a
{
		color: @primaryDark;
		background: @primaryLighter url('./styles/utiles/gradients/tab-unselected-25px-light.png') repeat-x;
		padding: 2px 4px;
		margin: 1px;
		border: 1px solid @primaryDarker;
		border-radius: 5px;
}

.message .messageMeta .control:hover,
.message .messageMeta .control a:hover,
.message .publicControls a:hover
{
		color: @textCtrlBackground;
		background: @primaryLightish url('./styles/utiles/gradients/tab-selected-light.png') repeat-x;
		padding: 2px 4px;
		margin: 1px;
		border: 1px solid @primaryLight;
		border-radius: 5px;
}
Si no te toma alguno de ellos, puedes añadirle !important de este modo:
color: @textCtrlBackground; sería color: @textCtrlBackground !important;

Salud2
 
Última edición por un moderador:

edubal

XenForoUser
Mensajes
11
Puntuación de reacciones
1
Puntos
1
Muchas gracias!

pd. por si alguien tiene el mismo problem para hacer que se "curven" las lineas en las esquinas y conseguir el efecto redondeado hay que asignar un valor en la opcion "Ratio" tipo 5px , que es lo que mas me chirriaba :p
 

leinadesp

XenForoUser
Mensajes
93
Puntuación de reacciones
23
Puntos
8
País
España
Versión de XenForo
Ninguna
Bueno, ahí va mi primera duda, puesto que he visto que está este tema abierto y tiene que ver sobre él, no he visto necesario abrir otro.

He añadido en la plantilla extra.css el código que hay dos posts arriba y veo que me ha hecho los botones, sin embargo, ¿cómo puedo hacer para que no se "muevan" cuando posiciono el ratón encima? Me gustaría que quedara como están aquí, es decir que sólo cambien de color al poner el ratón encima.

Muchas gracias :)
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
En el código css, mira las declaraciones que terminan en :hover y deja solo el color.
PHP:
.message .messageMeta .control:hover,
.message .messageMeta .control a:hover,
.message .publicControls a:hover
{
       color: @textCtrlBackground;
       background: @primaryLightish url('./styles/utiles/gradients/tab-selected-light.png') repeat-x;
}

Salud2
 
Arriba