Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

31/07/2013

Imagem com a Largura Total do Post

Este tutorial é super simples; alguém me fez um pedido no ask para o fazer, então vou ensinar como deixar as imagens do post com largura total (ocupando toda a largura do post). O resultado é bem bonito.

Vai ao painel do teu blog, clica em design → editar html e usando a ferramenta de busca (Ctrl+F), procura por:
]]<>/b:skin>
Depois de encontrares a tag acima, cola acima dela o seguinte código:
.post img{ border: 0; /* não mexer */
margin: 0 -30px 0 -30px; /* margem da direita e esquerda, não mexer */
padding: 0; /* espaço entre margens e imagem, não mexer */
width:540px; /* tamanho máximo da imagem, pode e deve ser alterado */ }
Substitui o número a negrito, pela largura da tua área de postagens. Se tiveres dúvidas, não hesites em perguntar.

2 Comentários:

  1. Coloquei tudo certinho, mas o botão de editar fica deformado D:

    ResponderEliminar
    Respostas
    1. Olá Rafaela, sim o botão de editar também vai ficar com a largura total do post!

      Eliminar

« »