18 de nov de 2009

Efeito em texto com CSS para o Blogger


Quando comecei a blogar, a mais ou menos 6 anos atrás, efeitos em textos era algo muito usado, mas eu usava o Live Spaces que depois descobri que nem blog é considerado. Há pouco a Gem@ trouxe essa "novidade" com o código sendo usado no Blogger. Como me pediram vou colocar aqui alguns exemplos.








Se você deseja fazer o efeito no título do blog ,procure por este trecho abaixo e insira o código desejado depois dele.

#header h1 {

Ficará assim:









Se você deseja fazer este efeito nos títulos da sidebar, então procure pelo trecho.

/* Sidebar Content
----------------------------------------------- */

E depois dele cole o seguinte código colocando onde está em verde o código desejado.

#sidebar h2 { COLE AQUI O CÓDIGO DESEJADO}

Ficará assim:







 Se você deseja colocar o código nos títulos das postagens, procure pelo seguinte código e depois dele cole o código desejado.

.post h3 {


Ficará assim:










Códigos: Troque os códigos na cor azul pelo código da cor que quiser





text-shadow: 2px -2px 30px #06DC06;



text-shadow:  -10px 10px 10px #808080;

 text-shadow:  1px 1px 1px #cc0000;

text-shadow:  -1px -1px 1px #cccccc;


text-shadow:  1px 1px 1px #cccccc;

text-shadow:  1px 3px 1px #cccccc;



text-shadow:  2px 3px 2px #cccccc;


Como pode observar há infinitos efeitos a se fazer, tudo depende das cores que se escolhe, cor da letra, cor do fundo e cores do efeito shadow, dependerá de sua criatividade.


 *Atenção que não são todos os navegadores que suportam este efeito.

Um comentário:

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