Criando postagem em 3D - Efeito 3D no texto

Unknown 15:08 , , , Nenhum comentário

Efeito 3D nos textos dos posts

Neste artigo, vamos ensinar um artifício bacana para você aplicar em determinadas postagens para dar um destaque especial em seu blog.

Imagine escrever uma postagem inteira em 3d!

É simples, elegante, chama a atenção do leitor, e é feito com puro css.

Interessante, não acha?

Então, vamos mostrar para você como aplica esse efeito.


Descrição feita, vamos ao tutorial:

A aplicação é simples! Inicie uma nova postagem em seu blog. Caso esteja usando uma plataforma diferente do Blogger, verifique se a mesma dá suporte para inserir códigos html e css dentro das postagens.

No Blogger, mude para a opção html e insira o código abaixo:




Dentro do código, separei duas etapas: a primeira, o título, e a segunda, o corpo da postagem.

O título está maior que o corpo da postagem.

Como trabalhar a postagem no código?

Após inserir o código no modo html da postagem, volte para o modo escrever, e você verá dois textos.

O primeiro é:

Coloque aqui seu título

Escreva o título da postagem, que será um pouco maior que o resto do post. Caso queira optar por não ter um título, apenas delete-o.

O segundo texto está assim:

Digite seu texto aqui

Esta parte é o corpo do texto. Pode-se editá-lo, alterar os espaços entre as linhas, mudar a cor e inserir imagens, como se estivesse escrevendo sem códigos.

A parte em que você monta a estrutura da página deve ser feita no modo escrever, para não correr o risco de alterar o código inserido no modo html. Se for uma postagem longa, salve periodicamente e visualize para ver se está tudo ok.

Nenhum comentário :

Postar um comentário

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.

Assinar: Postar comentários ( Atom )