rss
twitter
  •  

PNG Transparente no Internet Explorer 6 e 5 (solução definitiva)

Posted by admin | Posted in design, dicas | Posted on 09-04-2010

0

Bom, acho que hoje é o dia mais feliz desse ano pra mim e creio que sera para muitos de vocês também, fiquei tão feliz em encontrar isso que quis compartilhar com vocês!

Recentemente aqui na agencia, me apresentaram uns layouts bem complicados de se montar, envolvendo transparencias que só eram possiveis com PNG transparente.

Imagine ter que criar um layout onde o background é uma mistura de degrade com textura e o conteúdo possui uma dropshadow em degrade e transparente (isso mesmo a sombra é um degrade com transparencia), são varios pesadelos juntos. Ai tive que correr atrás!!

Tem a solução tradicional que muitos devem conhecer:

  1. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘imagem.png’);

Mas esta tem várias complicações de implementação.

Tinhamos a solução do iepngfix do site:
http://www.twinhelix.com/css/iepngfix/

E a solução que veio para criar um marco na história do webdesign:

DD_belatedPNG (a solução definitiva)

Essa é uma biblioteca javascript desenvolvida por Drew Diller no site:

http://www.dillerdesign.com/experiment/DD_belatedPNG/

Download da biblioteca ->http://www.dillerdesign.com/experiment/DD_…edPNG_0.0.7a.js

Um pequeno script que nos da o poder de usar livremente imagens PNG tanto no IE6 como no IE5, seja a imagem simplesmente inserida no documento ou como background de um elemento.

E o melhor de tudo é que tem suporte para background-repeat e background-position.

O uso é bem simples como mostro abaixo:

basta colocar o nome do seletor css onde esta declarado o background png ou a tag img na função

view plaincopy to clipboardprint?
  1. <script src=“DD_belatedPNG_0.0.7a.js” type=“text/javascript”></script>
  2. <!–[if lte IE 6]>
  3. <script type=“text/javascript”>
  4. DD_belatedPNG.fix(‘#div1′);
  5. </script>
  6. <![endif]–>

ou

view plaincopy to clipboardprint?
  1. <!–[if lte IE 6]>
  2. <script src=“DD_belatedPNG_0.0.7a.js” type=“text/javascript”></script>
  3. <script type=“text/javascript”>
  4. DD_belatedPNG.fix(‘img’);
  5. </script>
  6. <![endif]–>

e ainda podemos juntar tudo:

  1. <!–[if lte IE 6]>
  2. <script src=“DD_belatedPNG_0.0.7a.js” type=“text/javascript”></script>
  3. <script type=“text/javascript”>
  4. DD_belatedPNG.fix(‘#div1, #div2, img’);
  5. </script>
  6. <![endif]–>

nota: “lte” no comentário condicional para versões menores ou iguais a versão 6 do IE

Segue abaixo o link do demo que fiz, onde coloquei uma imagem com sombra transparente como background de algumas divs e por ultimo a propria imagem no documento:

Link DEMO

Preview no IE5:

pngfix


Continue Lendo...

Saiba como resolver o problema com parágrafos no WordPress

Posted by admin | Posted in dicas, wordpress | Posted on 09-04-2010

1

Saiba como resolver o problema com parágrafos no WordPress

Uma das coisas que me chateou muito a algum tempo com relação ao parágrafo do WordPressque sempre desaparecia após a edição de algum tema, como sou um entusiasta e nunca fiz umcurso de CSS, e quis editar na unha os temas dos meus blogs, acabava excluindo alguns parâmetros importantes, e depois eu não sabia o porque das coisas estarem incorretas; erro de principiante.

E vi que não fui só eu que tive o problema com os parágrafos, por vezes até achando que era umbug do próprio WordPress, ledo engano.

Caso você esteja enfrentando essa situação um tanto desagradável, corrigir este erro é simples e rápido. Faça o seguinte:

  1. Expanda o menu ‘Aparência’ do seu WordPress;
  2. Clique em ‘Editar’;
  3. Na tela que abrir selecione o ‘stylesheet.css’ (ou o nome que o seu CSS estiver definido);
  4. vá até a classe .entry e logo abaixo dela coloquei o seguinte código:

    5. .entry p {
    margin-bottom: 15px;

    }

  5. Edite o valor 15 a seu gosto;

Lembrando que o .entry pode variar conforme o tema que você utiliza.

A partir de agora os parágrafos do seu tema funcionarão corretamente e você terá um stress a menos com o seu tema.

fonte: http://www.plugmasters.com.br/plugfeed/posts

Continue Lendo...

PERDEU A SENHA DO WORDPRESS? NÃO SE DESESPERE

Posted by admin | Posted in plugins wordpress | Posted on 08-04-2010

2

Perdeu sua senha? primeiro, se você lembra seu email ou nome de usuário basta clicar em “esqueci minha” (algo assim ehehe), mas se você não se lembra nem mesmo do nome de usuário ou email basta usar esse plugin abaixo. (eu já usei e recomendo, mas recomendo mesmo salvar sua senha em um lugar seguro, como o google docs ehehe).

Hoje a tarde enquanto arrumava o meu blog para hypes e alvo de paraquedista, (no qual vou colocar em trabalho escravo a Srª. Anassauro) Quando fui criar o User para ela acabei me confundindo nas senhas e perdi a senha de administrador! Depois de desesperadas tentativas em vão não vi outra escolha senão recorrer à ELE! que tudo sabe e tudo vê! O Oráculo! (!!!!)

E foi aí que em uma de suas respostas encontrei a WordPress Emergency PassWord Reset.

Uma ferramenta muito simples e muito útil para as horas de desespero.

Ela se resume em um arquivo em php que deve ser colocado dentro da raiz principal do site, onde está instalado o WordPress.
O arquivo então quando é acessado, permite a troca da senha “perdida” por outra.

Veja como é simples:

  • Faça o download do Emergency.php (clicando aqui)
  • Descompacte o ZIP.
  • Faça o upload do arquivo emergency.php para o diretório raiz do seu site (o diretório que tem o arquivo wp-config.php, na maioria das vezes esta na pasta /public_html/)
  • Acesse o endereço http://www.SEU DOMINIO.com/emergency.php no seu browser.
  • Troque sua senha.
  • E o mais importante:
  • QUANDO TERMINAR APAGUE O EMERGENCY.PHP DO SEU SERVIDOR!

Evitando assim que outros possam ter acesso ao painel de controle do seu site.

fonte: http://anderssauro.com/

Continue Lendo...