Avisos
Vaciar todo

como puedo conseguir un botón personalizado  

 
Rosario
 Rosario
Noble Member

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

Citar
Respondido : 11/09/2017 6:33 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 11/09/2017 8:52 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Rosario
 Rosario
Noble Member

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 4 años por Gerard Martínez
ResponderCitar
Respondido : 11/09/2017 9:08 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 11/09/2017 10:10 pm

wpdoctor-revisa-la-salud-de-tu-wordpress