Hola, me podeis recomendar un plugins o extension para Joomla con el que pueda crear botones al estilo de este plugins de worpress "MaxButtons" u otro sistema para hacerlos.
Saludos
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Lo mejor sería que lo integre tu template y evites el uso de extensiones adicionales, sin embargo puedes revisar:
https://extensions.joomla.org/extension/fancy-buttons/
Saludos.
Hola seria perfecto hacerlo en la hoja de estilos (me imagino que sera la-styles.css- del template ), si me das un codigo para un boton y como debo hacerlo a partir de ahi podria buscar codigos de botones en css que me sirvan y utilizarlos para mi proyecto, la forma correcta seria esta:
He creado el estilo:
910 131 132
.boton910" {
-moz-box-shadow: 3px 4px 0px 0px #d6c3af;
-webkit-box-shadow: 3px 4px 0px 0px #d6c3af;
box-shadow: 3px 4px 0px 0px #d6c3af;
background-color:#eb6e0e;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #eb973d;
display:inline-block;
cursor:pointer;
color:#ede7e1;
font-family:Arial;
font-size:17px;
padding:7px 25px;
text-decoration:none;
text-shadow:0px 1px 0px #e1e2ed;
}
.boton910":hover {
background-color:#f08503;
}
.boton910":active {
position:relative;
top:1px;
}
y lo he puesto en styles.css de la plantilla y despues lo he puesto en esta pagina https://www.ruthmontenegro.com/consultar-con-gabinete y no me funciona, gracias de antemano por la ayuda
Saludos y gracias
Hola Domingo.
el codigo que muestras no esta bien, te sobra " en el codigo de CSS, seria de esta manera:
.boton910 { -moz-box-shadow: 3px 4px 0px 0px #d6c3af; -webkit-box-shadow: 3px 4px 0px 0px #d6c3af; box-shadow: 3px 4px 0px 0px #d6c3af; background-color:#eb6e0e; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:1px solid #eb973d; display:inline-block; cursor:pointer; color:#ede7e1; font-family:Arial; font-size:17px; padding:7px 25px; text-decoration:none; text-shadow:0px 1px 0px #e1e2ed; } .boton910 a:hover { background-color:#f08503; } .boton910 a:active { position:relative; top:1px; }
Y lo llamas de la siguiente manera :
Donde <a href="#"> tienes que añadir la url donde quieres que enlace: <a href=" https://www.dondequieroqueenlace.com ">
Un saludo
Hola, he seguido tus indicaciones y como puedes ver en https://www.ruthmontenegro.com/videntes-buenas el enlace que esta debajo de la imagen primera con el numero de telefono 910131132 esta puesto como indicas pero no se visualiza el boton.
Saludos
Hola
Indícanos en qué archivo has puesto el código CSS porque no lo he localizado
Saludos.
Hola, es este "styles.css" en la ruta "/templates/jpeople/css"
Saludos
Hola
No veo que hayas puesto el código, revisa:
Contenido solo visible a usuarios registrados
Tienes que verificar siempre que el CSS que has puesto se encuentre en el archivo.
Es posible que tengas algún sistema de cache prueba limpiando cache.
Saludos
Hola
En tu código html has puesto mal el nombre de la clase
Has puesto :
bonton910
Debe ser
boton910
Saludos.