09/09/2014

Tutorial: Imagem ocupando toda a largura da postagem

||

Olá bunnie's! Como foi o final de semana de vocês? Hoje venho trazer um pedido da blogueira Jessica .D, de como fazer a imagem ocupar toda largura da postagem. Bom isso não é muito difícil, então vamos, lá?


1) Vá ate HTML e procure por nosso famoso e querido  ]]></b:skin>, ao achar cole esse código acima dele:

.post img, table.tr-caption-container {
 max-width: 680px; /* Tamanho da Imagem*/
height: auto;
margin-left: -4px; /* Espaço entre a margem esquerda do post e a imagem*/
margin-right: -4px; /* Espaço entre a margem direita do post e a imagem*/
}

Salve!

Em "max-widht" é o tamanho da imagem. Lembre-se sempre de alinhar a imagem da postagem para a esquerda. 

Nenhum comentário:

Postar um comentário