Crear botones en jo...
 
Avisos
Vaciar todo

Crear botones en joomla 3

10 Respuestas
3 Usuarios
0 Reactions
1,759 Visitas
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

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


 
Respondido : 23/03/2017 6:13 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 23/03/2017 9:30 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

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:

910 131 132

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


 
Respondido : 24/03/2017 11:07 am
Pepe
 Pepe
Respuestas: 41102
Illustrious Member Admin
 

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 :

910 131 132

Donde <a href="#"> tienes que añadir la url donde quieres que enlace: <a href=" https://www.dondequieroqueenlace.com ">

Un saludo


 
Respondido : 24/03/2017 2:41 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

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


 
Respondido : 24/03/2017 3:00 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Indícanos en qué archivo has puesto el código CSS porque no lo he localizado

Saludos.


 
Respondido : 24/03/2017 5:57 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Hola, es este "styles.css" en la ruta "/templates/jpeople/css"

Saludos


 
Respondido : 24/03/2017 6:14 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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


 
Respondido : 24/03/2017 8:29 pm
Domingo Gil
Respuestas: 305
Reputable Member
Topic starter
 

Hola

He revisado el documento y si esta puesto el codigo en la imagen adjunta te lo muestro, no se el motivo por el que tu no lo ves.

Saludos


 
Respondido : 25/03/2017 10:25 am
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

En tu código html has puesto mal el nombre de la clase

Has puesto :
bonton910

Debe ser
boton910

Saludos.


 
Respondido : 25/03/2017 6:12 pm