📣 Seu anúncio aqui? Anuncie no ForoBeta

Criar botões estilo metro no WordPress

  • Autor Autor ramonjosegn
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Usuário popular!
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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
¿En dónde se ubican estos botones?, ¿tenés algún ejemplo de una web que los use?
 
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
 
ramifenili disse:
¿En dónde se ubican estos botones?, ¿tenés algún ejemplo de una web que los use?
Clique para expandir...

Hola, es una web hecha en WordPress.

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

- - - Actualizado - - -

devcodep disse:
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
Clique para expandir...

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.
 
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
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

R
Plugin para painel de administração estilo METRO no Wordpress
Respostas
5
Visitas
456
ramonjosegn
R
R
Novo plugin com estilo Metro para Wordpress
Respostas
15
Visitas
1K
IngresosWeb
I
L
Como criar botões estilo Facebook com CSS
Respostas
1
Visitas
4K
lucianoche
L
Voltar
Topo