Mudar visibilidade quando passa o mouse

Quero saber o seguinte, aqui no fórum tem o seguinte:



https://2img.net/r/ihimizer/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...

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>

Em "ENDEREÇO_DE_REDIRECIONAMENTO" troque pelo link da página em que imagem leva.
Em "MENSAGEM" troque pela mensagem que aparecerá quando se passar o mouse.
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:

https://ajuda.forumeiros.com/t21560-

Atenciosamente!
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

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

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(https://2img.net/i/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!