Como coloco esse efeito na imagem?

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 0:14

Qual é minha questão:
Como coloco o efeito abaixo

Medidas que eu tomei para corrigir o problema:

vim aqui

Imagens do meu problema:
efeito quando se passa o mouse na imagem (imagem depois de nível 1):
https://2img.net/h/oi40.tinypic.com/n3x2fs.jpg


Endereço do meu fórum:
http://omundodearkandland.forumeiros.com/forum

Versão do meu fórum:
PHPBB2
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por King Gz; 19.01.12 1:04

Olá,

Poderia fornecer o link do fórum onde viu isto?
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad 19.01.12 1:11

Olá,
Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.


Adicione no conteúdo:
Código:
a.forumlink:link, a.forumlink:visited {
height: 20px;
border: 1px dotted #999; 
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
font-family: Browallia New;
letter-spacing: -1px;
text-shadow: #000000 1px 1px 1px;
text-align: center;
display: block;
font-size: 17px;
text-transform: uppercase;
}

a.forumlink:hover{
letter-spacing: 4px;
text-transform: uppercase;
}

Salve e visualize seu fórum.
Até mais. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 1:34

King Gz; escreveu:Olá,

Poderia fornecer o link do fórum onde viu isto?
http://corujal.forumeiros.com/forum
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad 19.01.12 3:15

Olá,

Não houve efeito como o código que lhe passei?

Até mais.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 15:01

não, é o efeito da imagem não a borda a imagem fica mais clara quando passa o mouse
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por ZombieW 19.01.12 15:40

Não entendi sua dúvida...
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por MateusV. 19.01.12 15:48

Olá, quer dizer o efeito hover na imagem certo?
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 15:49

Sim matheus
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por MateusV. 19.01.12 15:52

Olá tente este codigo
Código:
a.topictitle:hover{color:#8d8067;text-decoration:underline}
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 16:04

não funcionou
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad 19.01.12 19:40

Olá,

Adicione em sua folha CSS:

Código:
img{
opacity:0.4fgf;
border-color: solid 1px #000;
filter:Alpha(opacity={text:Image Opacity});
-webkit-transition:opacity 0.7s ease;
-moz-transition:opacity 0.7s ease;
-o-transition:opacity 0.7s ease;
transition:opacity 0.7s ease;
}

Caso não funcione, use este:
Código:


img {
filter:alpha(opacity=20);
-moz-opacity: 0.9;
opacity: 0.8;
}

Até mais. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG 19.01.12 22:02

Tem algum que eu ponha no próprio tópico?
IvanRPG

IvanRPG
*

Membro desde : 02/01/2012
Mensagens : 48
Pontos : 84

http://omundodearkandland.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad 20.01.12 3:57

Olá,

Creio que os códigos servem para todas as imagens do fórum, seja postada em tópicos ou descrições de fóruns.

Até mais. Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloco esse efeito na imagem?

Mensagem por TAYLLAN 20.01.12 11:08

eu entendi
vá em.Painel de controle >>>>> Visualização >>>> Cores >>>> Cores de Fundo >>>> modifique as cores das Coluna da Tabela até fazer um efeito que quando o mouse passe até haver um que você goste
TAYLLAN

TAYLLAN
**

Membro desde : 13/12/2011
Mensagens : 80
Pontos : 114

http://forum-pokemonworld.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos