Mudar visibilidade quando passa o mouse

pecktovit às 18h01
27
Jul
2011
Quero saber o seguinte, aqui no fórum tem o seguinte:



http://img9.imageshack.us/img9/1032/semttulo2gkg.png

quero saber o se dar para mudar a imagem e o tempo para aparecer quando você poe o mouse sobre algo, tipo quando agente passa o link pelas imagens do FdF, por exemplo na imagem que eu postei, ai você ver o negocio "Siga nos no twitter, Moderadeiro, etcs". Mas aparece depois que você deixa o mouse em cima, quero saber 2 coisas:


1.> Se da para por a imagem do Globo Esporte ou outras imagens como ela.

2.> Seguindo o "1", quero saber se da para fazer o tempo diminuir, ser automatico, tipo, quando passa automaticamente ele já mostra, aqui você tem que deixar por cima por uns 3 segundos...


Aguardo respostas...
Responder
1 Cream, em 27/07/2011 às 22h22
Olá pecktovit,

O código que utilizaremos será o seguinte:
<a href="ENDEREÇO_DE_REDIRECIONAMENTO" onmouseover="createTitle(this, 'MENSAGEM', event.pageX, event.pageY);" onmouseout="destroyTitle();"><img src=ENDEREÇO-DA-IMAGEM></a>


Flecha ajudeiros Em "ENDEREÇO_DE_REDIRECIONAMENTO" troque pelo link da página em que imagem leva.
Flecha ajudeiros Em "MENSAGEM" troque pela mensagem que aparecerá quando se passar o mouse.
Flecha ajudeiros Em "ENDEREÇO-DA-IMAGEM" coloque o endereço da imagem que receberá a descrição.

Depois de ter feito isso, em geral, em qualquer lugar que aceite códigos HTML, pode ser adicionado este código. Mas, para facilitar, trouxemos uma lista deles:
  1. Mensagem da Home Page:
    Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
  2. Widgets (em todos que são possíveis de criar ou modificar):
    Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
    ou
    Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
  3. Newsletter's (modo HTML)
    Painel de Controle -> Geral -> Newsletter -> Redação e envio
  4. Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!


Recomendamos que também leia o seguinte tutorial:


Atenciosamente!
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
2 pecktovit, em 28/07/2011 às 21h40
Não era bem isso que eu queria, eu queria saber na parte da "MENSAGEM" que aparece, se dar para por uma imagem de fundo nisso... Mas obrigado... Aguardo resposta
3 Coleman, em 29/07/2011 às 01h00
Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione o seguinte código, modificando o valor em azul pela imagem:
li.row:hover {
background: url(http://illiweb.com/bl/logo.png) 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: #F0F9FF;}
Se não for, queira por favor especificar melhor. Se possível adicione imagens de representação de sua questão.

Até mais!
Piscada
Temas similares
Como que faz para uma letra mudar de cor quando passar o mouse?
Qual é sua questão: Eu queria saber como que faz isso Que medidas você tomou para corrigir o problema: ^^ Apresente-nos imagens do problema (se necessário):
Como mudar a cor do fórum quando o mouse passa por cima
Qual é minha questão: Gente, eu achei bem legal esse efeito de "fade pra bege" quando se passa o mouse por cima das mensagens em um tópico. Alguem tem ideia de como faz isso? Medidas que eu tomei para corrigir o problema: Já procurei o
Menu, muda de imagem quando o mouse passa por cima
Olá, a todos. Queria saber como faz para que quando um membro passa o mouse sobre o menu, o menu muda de imagem. Ex: No menu de tal fórum tem este botão: http://img821.imageshack.us/img821/1930/semnoobotes01.png Depois quando o mouse passa por
Veja também
more_less
Informaciones

3 Respostas Para el tema :
"Mudar visibilidade quando passa o mouse"

Este tema a sido visto 456 veces.

Último mensaje escrito :
27/07/2011 às 18h01 por "pecktovit"