Recebemos no dia 23 de Setembro de 2010 pelo formulário de contato um questionamento de Hélio Maia, nosso leitor. Normalmente o Arruma Blog responde o e-mail e quando a pergunta é pertinente criamos também uma postagem. Neste caso ele não informou nenhum e-mail para resposta e nem mesmo o link do blog. Pedimos que sempre ao escrever nos comentários ou nos enviar perguntas pelo formulário, mostre quem você é. A pergunta de Hélio é:
Ele inseriu uma imagem no topo do blog e depois usou o recurso de legenda para adicionar uma frase. Ele deseja saber se é possível quebrar a linha da legenda e centralizar a frase.
O Arruma Blog analisou a estrutura do código que é gerado quando inserimos uma imagem e depois clicamos em adicionar legenda. No momento em que adicionamos legenda [se no seu painel de postagem não tem ainda a possibilidade de criar postagem, mude ou use o Blogger in Draft], o sistema cria uma tabela e adiciona tanto a imagem quanto o texto digitado em uma tabela HTML. A configuração da tabela pode ser vista desta forma [Clique em Leia mais para ver toda a postagem]:
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBOMwuxXmAetFaEuaP6z5ed9FC864ejdehTZoax5Eoe_Qd-g2751gJO4hKRki_K37DPVQfljJHLTmPMnUPzLr7QlgYTCVGzsEhupQWg0Na0oYbflO2_DjBgbwedr9mHvYHNTbgKBgW4w/s1600/02.JPG" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBOMwuxXmAetFaEuaP6z5ed9FC864ejdehTZoax5Eoe_Qd-g2751gJO4hKRki_K37DPVQfljJHLTmPMnUPzLr7QlgYTCVGzsEhupQWg0Na0oYbflO2_DjBgbwedr9mHvYHNTbgKBgW4w/s320/02.JPG" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Imagem I - Demostração de interface Blog Uol</i></td></tr>
</tbody></table>
 |
| Imagem I - Representação do cód. acima |
A cor em Vermelho identifica a codificação para mostrar a imagem e seu link para tamanho real. A cor em Verde, é a legenda que adicionamos na criação da postagem. Outras tags em negrito como TABLE, TD e TR são os códigos para criação da tabela e sua estrutura.
A tag Table cria a tabela, no caso da legenda em imagens, cria-se uma única coluna com duas linhas e a legenda é colocada na segunda linha. As outras tags ajudam na criação da linha e da coluna.
Então, para centralizar a legenda é necessário apenas adicionar a tag <center> e fechá-la em </center>. Isso fará o texto ficar centralizado na tela e de acordo com o tamanho da frase, ele pegará as duas extremidades da imagem. Para quebrar a linha, adicione no fim frase a tag <br> e em seguida digitar o que desejar na frente. Para que tudo fique centralizado é importante que a tag de BR fique entre as tags de CENTER.
Tudo isso deve ser feito no modo HTML ou do blog ou da área de postagem. No caso do Hélio, é aconselhável verificar como foi adicionado a imagem no topo do blog, pois há a forma de gatged ou no HTML do blog (modelo).
Prezados,
ResponderExcluirEm primeiro lugar, gostaria de parabenizá-los pelo blog e pela presteza em responder dúvidas dos leitores. Eu sou bastante autodidata, mas não estou conseguindo adicionar o atributo "alt" nas imagens de meu blogspot. Meu blog tem menos de um mês de idade e relativamente poucas figuras. Mas o editor de postagens do blogger não permite edição HTML das postagens individuais. Eu realmente não sei se cada postagem tem um template HTML associado a ela (que no caso poderia ser editado) ou se a edição só pode ser feita no template principal do blog. Meu nome é Sérgio e o e-mail para contato é sergio_oreiro@yahoo.com.br.
Cordialmente,
Sérgio
Para cienciasepoemas
ResponderExcluirAgradecemos o contato e informamos que esta postagem tem o intuíto de adicionar uma leganda visível na imagem, tal como mostra o modelo depois do código. Sobre a tag ALT é um outro padrão, outro código. Mas como você mecionou o e-mail, estamos lhe enviando maiores informações por lá hehe.
Olá sua página é realmente interessante, queria seu auxílio se possível, em duas coisas:
ResponderExcluir- Colocar aquela legenda que só aparece com a passagem do cursor do mouse, nas imagens colocadas na barra lateral do blogger(já consegui colocar nas imagens dos posts);
- Reduzir a distância entre os widgets, quero deixar a página mais compacta.
Obrigado desde já
http://psbitabuna.blogspot.com/