22 de ago de 2013

Como alinhar fotos lado a lado num post.

Depois de algum tempo ralando, na procura de um "código" mais simples, para alinhar fotos lada a lado, encontrei um bem fácil e tranquilo para memorizar e com o resultado satisfatório.
Lá vamos nós:.


Não precisa hospedar as imagens.  Faça upload direto do arquivo do seu computador.

1.  Escreva o seu texto e quando for inserir as imagens, clique em "HTML" da postagem, dê um "enter"
ao final dos textos e cole o seguinte:


<center><br>
<div style="float:left; width:33%">sua imagem aqui</div>
<div style="float:left; width:33%">sua imagem aqui</div>
<div style="float:left; width:33%">sua imagem aqui</div>
</center><br>

Onde está escrito "sua imagem aqui", apague este trecho e deixe o cursor do mouse no lugar.
Clique no ícone para adicionar imagens e faça o upload.  Uma por vez.



2 comentários:

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube