Mudar visibilidade quando passa o mouse

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

Resolvido Mudar visibilidade quando passa o mouse

Mensagem por pecktovit em 27/07/11, 01:01 pm

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


Última edição por Jeffrey em 01/08/11, 12:08 pm, editado 3 vez(es) (Razão : Ajustes)
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

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

Resolvido Re: Mudar visibilidade quando passa o mouse

Mensagem por Cream em 27/07/11, 05:22 pm

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Mudar visibilidade quando passa o mouse

Mensagem por pecktovit em 28/07/11, 04:40 pm

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
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

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

Resolvido Re: Mudar visibilidade quando passa o mouse

Mensagem por Dury em 28/07/11, 08:00 pm

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
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

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