Imagens na Largura Total da Postagem

Bom Dia!! Hoje vim trazer o pedido da Fujioka Haruhi de um tutorial em que a imagem ficasse do tamanho total da postagem, resolvi trazer duas formas de fazer isso, porque uma deixa todas as imagens de todas as postagens com a mesma largura que deve ser ajustada a largura da área de postagem, já a outra forma você usa apenas nas imagens que desejar, assim você pode usar só na primeira e deixar as outras imagens do tamanho normal.

Lembrando que caso você deseje um tutorial especifico é só fazer um pedido por comentário que assim que possível eu estarei preparando ele e postando aqui para que você use.

1° Tutorial: Deixando todas as imagens do post com a largura total da área de postagem
1° Passo: Vá em Modelo > Editar HTML.
2° Passo: Procure por(Usando Ctrl+F): (Procure pela primeira linha, mas cole abaixo das duas linhas o código do próximo passo)
/* Posts
----------------------------------------------- */
3° Passo: Cole abaixo do código procurado :
.post img{
border: 0; /* borda na imagem em zero, não altere */
padding: 0; /* espaço entre margens e imagem, não altere */
margin: -10px;
width: 935px; /* tamanho máximo da imagem, pode e deve ser alterado */
}
4° Passo: Edite o numero que esta em negrito deixando do tamanho da área de postagem.(Dica edite o numero e visualize como as imagens vai ficando no blog, assim você poderá deixar do tamanho exato da área de postagem)


2° Tutorial: Deixando apenas imagens desejadas com a largura total da área de postagem
1° Passo: Vá no HTML do post
2° Passo: Cole aonde deseja a imagem com a largura total da área de postagem.
<img height="299" src="URL da Imagem" width="640" />
3° Passo: Edite as areas em negritos, o primeiro numero é a altura da imagem e o segundo a largura que deve ser a largura total da área da postagem.

Espero que essas duas formas ajudem vocês a deixar as suas postagens arrumadinhas *--*

2 comentários:

  1. Perfeito! Adorei!
    Muito obrigada, como eu deveria retribui-la? :)
    Muito obrigada mesmo |o|

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha sido o que você queria *--* Retribuir? É só sempre que precisar vim pedir mais tutoriais <3

      Excluir