Tutorial: Como adicionar bordas a imagens no WordPress

  • Autor Autor Andriyleu
  • 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
Andriyleu

Andriyleu

Delta
Redactor
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Enlace eliminado

¿Te gustaría ponerle borde a tus imágenes en WordPress?
​
Esto es un pequeño problema que han tenido miles de bloggers que usan WordPress, es algo tan sencillo como editar el archivo CSS por defecto de nuestro estilo actual de nuestro blog, empezaremos abriendo nuestro FTP y nos conectaremos a nuestro servidor, después de eso entraremos a wp-content/themes/nuestrotema buscaremos un archivo que diga style.css y después de eso abriremos el archivo y empezaremos a editarlo.

Añadiremos lo siguiente al archivo:
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}



HTML:
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}

Fuente: Enlace eliminado
 
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.

Leva 30 segundos · você volta a este tópico ao terminar
Oye muchas gracias, es de bastante ayuda 🙂 ademas basados en esto podemos crear otros estilos de bordes para imagen con sombras y demás 🙂
 
Gracias, siempre es bueno aprender algo nuevo.
 
Gracias, dedo verde 😉
 
graciass.. ya lo impremente 😀 dedin verde
 
Gracias! lo implementare en que pueda!
 
Muchas gracias por esto. 😛anda:
 
De chico y hasta ahora siempre me ha gustado este efecto, se agradece el codigo.... Ha probarlo!!! 😀
 
Muy útil, gracias por el aporte.
 
gracias. excelente aporte:encouragement:
 
Seria interesante darle un efecto de sombra, se veria muy bien.

Gracias!
 
pero pego esto en cualquier lado de style.css ?
 
Gracias por el aporte, voy a probarlo..
 
Voltar
Topo