20/11/2014

Caixinha com Mensagem no Meio do Post

Ola amigos(a) é com muito carinho que agradeço os elogios e visitas.
Hoje vou ensinar colocar um quadro de mensagem no meio do post. Eu encontrei esse tutô no blog mais fofinho 
Dany's Place ( os créditos são de lá)



Gostaram do Tutorial? Util e fofo!!
Dá um efeito diferente no post, e não fica embolado. Gostei desse estilo que lembra muito aquelas tabelas, a diferença é que nesse estilo você pode escrever lado a lado
Organização é a alma do Blog, Lembre-se a primeira impressão é a que fica.


Para quem prefere com tamanho maior e do lado esquerdo também é possível.




Como usar:

Antes de começar a escrever o seu post clique antes em HTML. Veja abaixo


Escreva o seu Post, copie o código abaixo e cole no trecho do texto que deseja utilizar a caixinha de mensagem. 


 
<p style=" color: #464646; font-size:15; float: left; border:1px dashed #000000; text-align: center; padding: 4px; background: url(http://i111.photobucket.com/albums/n159/docedani/haikei252.gif); margin: 30px; width:50%;"> 

Escreva aqui o seu texto

</p>

 Altura da Caixinha 
 Largura da Caixinha 
 Direção da Caixinha // Esquerda=Left // Direita=Right 
 Cor da Borda da Caixinha 
 Background de fundo da Caixinha 
 Tamanho da font


Lembrando que deve colocar o código no meio do post, não precisa colocar quebra de linha <BR>

3 comentários:

  1. Achei bem diferente e fofo!
    Fácil de fazer também *-*
    Um beijo!
    http://meubaudeestrelas.blogspot.com.br/

    ResponderExcluir