" Sombra de sombra caixas de texto + hack para o IE"
..." a adição de texto Shadowem qualquer lugar do blog,
..." agora" ...
..." o texto sombreado será visível no Internet Explorer "O quê? "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 é:
<!--[if IE]>
/* call this in IE only */
<style>
.ubicacion-texto {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#777777', Direction=135, Strength=5);
</style>
}
<![endif]—>
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
]]>
<!--[if IE]>
/* call this in IE only */
<style>
h1.title {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(
color='#777777', Direction=125, Strength=3);
</style>
}
<![endif]—>
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.
" 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."
" Felizmente, as caixas sombreadas não tem nenhum problema "
" Fuente: Blog Jon Raasch."