Efeito HTC (link)
Beyond Imagination :: Programação :: CSS
Página 1 de 1
Efeito HTC (link)
Um efeito bem legal para os links^^
Passo 1: Faça o download do arquivo abaixo, e depois de feito isso, carregue ele no seu servidor, onde deixa todas as páginas do seu blog (no caso de ter subpastas, carregue lá tb)!
Passo 2: Copie o código abaixo e cole no seu CSS, substituindo pelo antigo
a{cursor:default; height:0px; behavior:url('pixel.htc'); filter:progid:dximagetransform.microsoft.EFFECT(duration=0.5)}
a:link{color:#000000; text-decoration:none;}
a:visited{color:#000000; text-decoration:none;}
a:active{color:#000000; text-decoration:none;}
a:hover {color: #000000; text-decoration: none; cursor: crosshair; font-weight: none}
Feito isso, vamos para o passo 3 xDD!
[color=blue]Passo 3:[/blue] Agora, é só configurar com as cores que quiser, que mais combinem com o layout e escolher um efeito para o link, o que é bem fácil^^! No link abaixo, tem uma lista com todos os efeitos que o código permite, então entre na página e escolha um primeiro:
Escolhido o efeito, agora vá no código, lá substitua a palvra EFFECT pelo nome do efeito que escolheu^^!
Prontooo, agora seu blog tem o efeito htc de link \o/!
Adaptado do site Bouncy Bubbles
ATENÇÃO! esse efeito funciona apenas no Internet Explorer
Passo 1: Faça o download do arquivo abaixo, e depois de feito isso, carregue ele no seu servidor, onde deixa todas as páginas do seu blog (no caso de ter subpastas, carregue lá tb)!
pixel.htc
Passo 2: Copie o código abaixo e cole no seu CSS, substituindo pelo antigo
a{cursor:default; height:0px; behavior:url('pixel.htc'); filter:progid:dximagetransform.microsoft.EFFECT(duration=0.5)}
a:link{color:#000000; text-decoration:none;}
a:visited{color:#000000; text-decoration:none;}
a:active{color:#000000; text-decoration:none;}
a:hover {color: #000000; text-decoration: none; cursor: crosshair; font-weight: none}
Feito isso, vamos para o passo 3 xDD!
[color=blue]Passo 3:[/blue] Agora, é só configurar com as cores que quiser, que mais combinem com o layout e escolher um efeito para o link, o que é bem fácil^^! No link abaixo, tem uma lista com todos os efeitos que o código permite, então entre na página e escolha um primeiro:
Efeitos
Escolhido o efeito, agora vá no código, lá substitua a palvra EFFECT pelo nome do efeito que escolheu^^!
Prontooo, agora seu blog tem o efeito htc de link \o/!
Adaptado do site Bouncy Bubbles
ATENÇÃO! esse efeito funciona apenas no Internet Explorer
Beyond Imagination :: Programação :: CSS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|