Crear botones estilo metro en WordPress

ramonjosegn · 7 Dic 2015

Hola chicos/as.

Me gustaría tener algunos botones (bueno en realidad unos 200), en mi sitio web (en wordpress)

He intentado con algunos ejemplos en la web pero no consigo renderizar nada... todo en blanco...

¿Podéis echarme una mano?

Gracias.

ramifenili · 3 Ene 2016

¿En dónde se ubican estos botones?, ¿tenés algún ejemplo de una web que los use?

devcodep · 4 Ene 2016

Hola! Puedes decirnos si ya tienes algo hecho?

- - - Actualizado - - -

Hola! puedes crear con css e iras añadiendo los colores

Te prepare esto:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Prueba</title>
</head>
<style type="text/css">
.metroestilo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #ff0097;
	margin: 5px;
	padding: 2px;
	height: 150px;
	width: 150px;
}
</style>
<body>

<div class="metroestilo">
<img src="rutadetuarchivo" width="150" height="150"/ >
</div>

</body>
</html>

Puede ser png o svg si lo prefieres

A las ordenes!

DevCodep

ramonjosegn · 17 Feb 2016

ramifenili dijo:
¿En dónde se ubican estos botones?, ¿tenés algún ejemplo de una web que los use?

Hola, es una web hecha en WordPress.

Estoy usando unos shortcodes pero me queda complicado manejarlos de esa forma la verdad...

- - - Actualizado - - -

devcodep dijo:
Hola! Puedes decirnos si ya tienes algo hecho?

- - - Actualizado - - -

Hola! puedes crear con css e iras añadiendo los colores

Te prepare esto:

HTML:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Prueba</title> </head> <style type="text/css"> .metroestilo { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #FFF; background-color: #ff0097; margin: 5px; padding: 2px; height: 150px; width: 150px; } </style> <body> <div class="metroestilo"> <img src="rutadetuarchivo" width="150" height="150"/ > </div> </body> </html>

Puede ser png o svg si lo prefieres

A las ordenes!

DevCodep

Gracias por el código y la ayuda.

Aunque no me quedó claro si lo que me propones es usar imágenes de fondo o algo así.

¿Me explicas mejor por favor?

Gracias de nuevo.

condor285 · 7 Mar 2016

en el codigo que te pasó el diseño del boton sería una imágen, que tendrian que ponerlo en la ruta que te especifica. Creo que es un metodo viejo y no te lo recomiendo ya que cargarías mucho tu web. Mejor hazlo directo en css, ademas desde ahi tienes la posibilidad de usar los hover para que queden mejor

Crear botones estilo metro en WordPress

ramonjosegn

ramifenili

devcodep

ramonjosegn

condor285

Temas similares