13 de set. de 2010

Texto com efeito CSS

Abaixo alguns exemplos de texto CSS. É bom que você saiba que a cor de fundo de onde estiver a letra e a cor da letra irá influenciar diretamenta no tipo de efeito. Não funcionam no Internet Explorer






Templates e Acessórios 

text-shadow: 1px 1px white, -1px -1px #333;
 
 

Templates e Acessórios

 text-shadow: black 0.1em 0.1em 0.2em;



Templates e Acessórios


text-shadow: 0.2em 0.5em 0.1em #F8C301,-0.3em 0.1em 0.1em #cc0000,0.4em -0.3em 0.1em #006;
 
 

 
Templates e Acessórios 
 
text-shadow: 1px 1px white, -1px -1px #333; 
 
 
Templates e Acessórios
 
 text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; 
 
 
Templates e Acessórios
 text-shadow: 0 0 0.2em #cc0000, 0 0 0.2em #87F,0 0 0.2em #87F 


Templates e Acessórios 

text-shadow: 0 0 0.2em #40FF40, 0 0 0.2em #40FF40,0 0 0.2em #40FF40;

  



Mas Elke, onde é que vou colar estes códigos ?????? Bom, isso vai depender.

Se você quer o texto com este efeito procure por:

body {
  background: #404040;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
COLE O CÓDIGO DE SUA PREFERÊNCIA
  }


Se você quer os links:

a:link {
  color:$linkcolor;
  text-decoration:none;
COLE O CÓDIGO DE SUA PREFERÊNCIA
  }

Se o que quer são os títulos:

h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
COLE O CÓDIGO DE SUA PREFERÊNCIA
}

Claro que levando em consideração que vc está usando o template Mínima.

Nenhum comentário:

Postar 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