Como coloco esse efeito na imagem?

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

Resolvido Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 18/01/12, 10:14 pm

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):
http://i40.tinypic.com/n3x2fs.jpg


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

Versão do meu fórum:
PHPBB2
avatar

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por King Gz; em 18/01/12, 11:04 pm

Olá,

Poderia fornecer o link do fórum onde viu isto?
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad em 18/01/12, 11:11 pm

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

Convidad
Convidado


Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 18/01/12, 11:34 pm

@King Gz; escreveu:Olá,

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

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad em 19/01/12, 01:15 am

Olá,

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

Até mais.

Convidad
Convidado


Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 19/01/12, 01:01 pm

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

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por ZombieW em 19/01/12, 01:40 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por MateusV. em 19/01/12, 01:48 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 19/01/12, 01:49 pm

Sim matheus
avatar

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por MateusV. em 19/01/12, 01:52 pm

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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 19/01/12, 02:04 pm

não funcionou
avatar

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad em 19/01/12, 05:40 pm

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

Convidad
Convidado


Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por IvanRPG em 19/01/12, 08:02 pm

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

IvanRPG
Nível 5

Masculino
Inscrito dia : 02/01/2012
Mensagens : 48
Pontos Ativos : 84

Ver perfil do usuário http://omundodearkandland.forumeiros.com/

Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por Convidad em 20/01/12, 01:57 am

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

Convidad
Convidado


Resolvido Re: Como coloco esse efeito na imagem?

Mensagem por TAYLLAN em 20/01/12, 09:08 am

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
avatar

TAYLLAN
Nível 7

Masculino
Inscrito dia : 13/12/2011
Mensagens : 80
Pontos Ativos : 114

Ver perfil do usuário http://forum-pokemonworld.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum