Personalizando sua Postagem - Bordas

Salve primatas visitantes deste blog; 

Introdução

 Nesta postagem, mostrarei a vocês algumas dicas que fui pegando ao longo do tempo, e que agora começo a utilizar nas postagem do IBazing. São muitas vezes ferramentas que necessitam de um conhecimento mínimo da linguagem HTML, então caso você ainda seja novo nesta área, aconselho-o a ler esta postagem. 

Bordas

 Como já deu para notar, começei a usar o sitema de bordas em algumas postagens, que além de deixarem mais atraente sua postagem também permite destacar algum assunto. Para ter uma borda desta em sua postagem, siga o tutorial:

  1° Durante a criação de uma postagem, note que em cima á a opção "Editar HTML". Ao clicá-la, verá que existem muitos códigos, mas nada tema! Procure o local onde deseja colocar uma borda semelhante a esta acima, e cole o seguinte código:

<div style="color: #6aa84f; font-family: Verdana,sans-serif; text-align: center;"><span style="font-size: large;"></span><br /> <div style="-moz-border-radius: 20px 0; -webkit-border-radius: 20px 0; background: #3CB371; border-radius: 20px 0; border: #000000 10px solid; color: white; padding: 10px;"><span style="font-size: large;"><b>Digite aqui o que aparecerá dentro da borda</b></span></div></div>

 Resultado:

Digite aqui o que aparecerá dentro da borda

 Personalizando: 

 Cor do Fundo: Onde está escrito background: #3CB371
                           Troque pela cor que preferir ( Consulte a Tabela de Cores )         

                             

 Cor da Borda : Onde está escrito border: #000000
                          Troque pela cor que preferir ( Consulte a Tabela de Cores )

 Cor do Texto : color: white 
                          Troque pela cor que preferir ( Consulte a Tabela de Cores )

Conclusão

  Embora pareça difícil no começo, verá que é na verdade muito simples colocar uma borda na postagem. Lembre-se que sempre poderá pesquisar na internet outros estilos de bordas, para deixá-la mais ao seu gosto. Em breve colocarei mais ferramentas úteis para seu blog.

 

 

Posted in: dicas, tecnologia