Saiba Mais:..." Sombra de sombra caixas de texto + hack para o IE"
Autor: Edilene brandao da silva | Publicado: 2010-09-15T01:48:00-07:00

"&nbsp; Sombra de sombra caixas de texto + hack para o IE"



..."&nbsp; a adição de texto Shadowem  qualquer lugar do blog,&nbsp;



..."&nbsp; agora"&nbsp;&nbsp; ...

..."&nbsp; o texto sombreado será  visível no Internet Explorer &amp;quot;O quê? &amp;quot;Internet  Explorer? sim, você leu certo, no Internet Explorer ... mas como isso é  possível?, o Internet Explorer tornou as baterias e que traduz o código  para a sombra de texto?

Não, você coloca as pilhas, nem traduzir o código para proporcionar  sombra no texto, por agora, este vai buscá-la com um hack (típico. ..),  que é: 
  
&lt;!--[if IE]&gt;
/* call this in IE only */
&lt;style&gt;
.ubicacion-texto {
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(
        color='#777777', Direction=135, Strength=5);&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &lt;/style&gt;
}
&lt;![endif]—&gt;


Você tem que substituir a parte que diz. Local de textopelo nome do modelo que você quer sombra e torná-lo visível naInternet ExplorerConsiderando que você tenha usado o sombreamento na mesma parte (ou seja, a mesma aparência em todos os navegadores), compropriedade CSS3, para dar sombra al texto:
text-shadow: 3px 2px 3px # 777;

Exemplo. Suponha que você deseja sombrear o título do seu blog, para  fazer isso, adicione o código acima, dentro do tíitulo atributos no  código do seu modelo.   

Dependendo do modelo, o título pode ser encontrado definido de várias maneiras, mas geralmente encontrá-lo como h1.title o # Header h1, Para essa seção, você irá adicionar opropriedadeacima, eu já disse na entradaTexto com sombras.

Em seguida, usando o bendito hack, para que a visualização do texto  sombreado no IE. (Por exemplo, para mostrar cinza no título do blog no  IE), adicionando o código em seu modelo, depois o
&nbsp;]]&gt; 
&lt;!--[if IE]&gt;
/* call this in IE only */
&lt;style&gt;
h1.title {
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(
        color='#777777', Direction=125, Strength=3);&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; &lt;/style&gt;
}
&lt;![endif]—&gt;
Você pode alterar os valores decor, Para mudar a cor da sombraGestão(Que é em graus, tendo em conta as mãos do relógio de ponto de partida 12), eForçaque é a força da sombra (amplitude).
Lembre-se, o código anterior usado para exibir o sombreamento  no título do seu blog no IE, considerando que este curso bem definido no  seu modelo, se não, parece que você definiu e substituí-lo, ok? 

Nota: O sombreado em várias partes da força de trabalho no momento,  você deve declarar que alguns querem sombra e separadas, cada um com uma  vírgula. 

Exemplo: 

h1 título. sidebar h2. post (título hack código ...)  
As caixas da sombra

Sabia que você pode adicionar caixas de sombra?, Isto é possível  graças a uma propriedade CSS3, as sombras no Photoshop show estilo tanto  como um   contêinerQualquer imagem ou texto.
Para isso, basta adicionar o seguinte código:
  
. Combra (minha caixa 
-Moz-box-shadow: 2px 2px 4px # 777;  
-Webkit-box-shadow: 2px 2px 4px # 777;  
-Caixa de sombra: 2px 2px 4px # 777;  
) Você pode adicionar sombras, quase tanto como uma caixa, por exemplo: 
 Fotos de seus posts 
 Uma galeria de imagens 
 Envolva o seu modelo 
 Partilhe a sua coluna e assim por diante., Etc ... 
Uma vez que você tem, é claro, o Firefox, Google Chrome e outros navegadores modernos, pensei que com o IE?
Solução:O truque é o mesmo que o decinzentoE da mesma forma que você deve adicionar o nome da peça que deseja na caixa de sombra para o trabalho.

Você pode ver     tudo funcionandono presentedemo modelo.

Na demo, adicione sombras: 
  
 Blog do título 
 O título da sidebar 
 As entradas título 
 Nas imagens das entradas 
 A blockquote (bloco de namoro 
 E na galeria de fotos na parte inferior do modelo. 

Nota : Para evitar problemas com os filtros é recomendado usar uma  vez que o hack para o IE e que colocar todas as peças que você deseja  trimestre sombra.


"&nbsp; Observação e Conclusão:

Como você pode ver, você pode ver o  sombreamento em praticamente todos os navegadores, graças ao truque que  eu mostrei, no entanto, e se você observou na demo, as bordas do texto  sombreado olhar um pouco áspero e irregulares ( espero que ele poderia  colocar anti-aliasing, como no photoshop), e isso é mais perceptível nas  cartas que têm inclinação, então eu recomendo que você considere."

"&nbsp; Felizmente, as caixas sombreadas não tem nenhum problema   "

"&nbsp;&nbsp; Fuente: Blog Jon Raasch."

/\...fonte e créditos:http://compartidisimo.blogspot.com/2010/09/texto-con-sombra-cajas-con-sombra-hack.html
você está em:  http://saibamaisaqui1.blogspot.com&nbsp;