Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Código mouse hover
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Código mouse hover
Qual é minha questão:
Queria saber se tem algum código ou javascript que seja possível fazer isso como na imagem.
https://i.imgur.com/bPPk1Dm.png
Vou explicar... Oque acontece na imagem é que quando colocamos o cursor sobre a imagem que no caso é uma espada, apareça um quadro com informações ao lado. Como podem ver.
Então ficaria muito grato!
Endereço do meu fórum:
http://neo-fairytail.forumeiros.com
Versão do fórum:
PUNBB
Queria saber se tem algum código ou javascript que seja possível fazer isso como na imagem.
https://i.imgur.com/bPPk1Dm.png
Vou explicar... Oque acontece na imagem é que quando colocamos o cursor sobre a imagem que no caso é uma espada, apareça um quadro com informações ao lado. Como podem ver.
Então ficaria muito grato!
Endereço do meu fórum:
http://neo-fairytail.forumeiros.com
Versão do fórum:
PUNBB
Re: Código mouse hover
http://www.narutowz.com.br < este é o site. Mas não foi só nele que eu vi, eu vi também em alguns rpg no forumeiros.
Re: Código mouse hover
Eu sei fazer isso para o perfil, passe o mouse em cima de minha foto:
http://www.tutorialdopw.com/t1098-bau-de-kestra-sera-vendido-apenas-dia-25-02-2014#3363
Se for isto que procura, o código a ser inserido no CSS é este:
A partir daqui, veremos se podemos adaptar para o que você precisa.
http://www.tutorialdopw.com/t1098-bau-de-kestra-sera-vendido-apenas-dia-25-02-2014#3363
Se for isto que procura, o código a ser inserido no CSS é este:
- Código:
/* Cartão de Visita*/
.post inner{
position: relative;
}
.postprofile dl dd.info{
position: absolute;
display: none;
margin-bottom: 5px;
margin-left: 165px;
padding: 8px 5px 9px;
top: 11px;
border:2px inset white;
width: 290px;
z-index: 999;
background:#000000;
}
.postprofile dl:hover dd.info{
display:block !important;
}
A partir daqui, veremos se podemos adaptar para o que você precisa.
Re: Código mouse hover
Olá,
Por que meu tópico foi arquivado como resolvido?
Criar sua questão não é proibido, mas saiba que sua questão tem um tempo de atividade. Se está pedindo ajuda estaremos lhe auxiliando o mais breve possível quando estas forem vistas, só que muitas vezes os autores criam seus tópicos e acabam por esquecê-los o que leva o arquivamento feito todo dia ou final de semana.
Questões passados sete dias desde da data da última postagem são arquivados. Não é permitido tópicos antigos nas seções.
Tópico movido de 'Questões sobre aparência' para 'Questões Resolvidas'
Por que meu tópico foi arquivado como resolvido?
Criar sua questão não é proibido, mas saiba que sua questão tem um tempo de atividade. Se está pedindo ajuda estaremos lhe auxiliando o mais breve possível quando estas forem vistas, só que muitas vezes os autores criam seus tópicos e acabam por esquecê-los o que leva o arquivamento feito todo dia ou final de semana.
Questões passados sete dias desde da data da última postagem são arquivados. Não é permitido tópicos antigos nas seções.
Tópico movido de 'Questões sobre aparência' para 'Questões Resolvidas'
Tópicos semelhantes
» Menu principal com efeito Hover do mouse em imagem
» Hover no texto que aumenta a font e o tamanho quando passe o mouse
» Codigo Hover com defeito
» Remover código hover avatar
» Código ao passar por cima o mouse
» Hover no texto que aumenta a font e o tamanho quando passe o mouse
» Codigo Hover com defeito
» Remover código hover avatar
» Código ao passar por cima o mouse
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos