como puedo consegui...
 
Avisos
Vaciar todo

como puedo conseguir un botón personalizado

4 Respuestas
2 Usuarios
0 Reactions
470 Visitas
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

He encontrado una clase para mi hoja de estilos de un botón, pero no sé cómo tengo que hacer para crear los botones en los artículos sin tener que incluir ninguna imagen adicional y poder añadir el texto enlazado que me convenga

.boton-prototipo {
background-color: #999999;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 0px;
border: 0px solid #d02718;
display: inline-block;
cursor: pointer;
color: #333333;
font-family: Metric, Open Sans;
font-size: 17px;
font-weight: bold;
padding: 9px 21px;
text-decoration: none;

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 11/09/2017 5:33 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Para que ese código CSS te funcione, tienes que integrarlo con el HTML del botón, el botón tendría que tener una clase llamada : boton-prototipo

Sin embargo ten en cuenta que el tipo de letra Metric que estas usando no es una fuente estandard y es posible que no te funcione el tipo de letra.

Si no conoces mucho de HTML con CSS, mejor no usar esto ya que te puede complicar, busca mejor algún plugin que te facilite el trabajo.

Saludos.


 
Respondido : 11/09/2017 7:52 pm
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

No conozco extensiones para hacer botones simples, planos que cambien de color con hover y nada más, yo también lo preferiría, pero veo que si escribo así funciona. Muchas Gracias

 


Esta publicación ha sido modificada el hace 6 años por Gerard Martínez
 
Respondido : 11/09/2017 8:08 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Para lo que comentas prueba con el hover, por ejemplo:

.boton-prototipo:hover {
	color:white;
	background-color:red;
	border-color:red;
}

revisa:
https://www.w3schools.com/cssref/sel_hover.asp

Saludos.


 
Respondido : 11/09/2017 9:10 pm