Widgets ocultos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Widgets ocultos

2 participantes

Ir para baixo

Tópico resolvido Widgets ocultos

Mensagem por Kiaro 10.01.14 19:01

Qual é minha questão:
Olá. Eu administro este fórum e gostaria de adicionar um widget oculto assim como descrito neste tutorial: https://ajuda.forumeiros.com/t7418-tutorial-widget-que-oculta-conteudo

O problema é que eu gostaria que ao invés de titulo escrito, o widget se mostrasse ao clicar em uma imagem qualquer. Como por exemplo essa aqui https://2img.net/r/ihimizer/img132/8461/3q7q.png

Agradeço a ajuda.


Endereço do meu fórum:
http://fairytailadventure.forumeiros.net

Versão do fórum:
PHPBB3


Última edição por Kiaro em 11.01.14 23:01, editado 1 vez(es)
Kiaro
Kiaro
*

Membro desde : 19/07/2013
Mensagens : 47
Pontos : 75

http://fairytailadventure.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets ocultos

Mensagem por Shek 11.01.14 15:27

Boa tarde!
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<dl style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none'); mudarImage();">
<dt class="h3">
<img src="URL_DA_IMAGEM_WIDGET_CONTEÚDO_OCULTO" name="myImage" style="float:right;">

<img src="IMAGEM_DESEJADA"/>

</dt><dd>
<div style="display: none;"><span class="genmed" style="line-height: 150%;"><ul><li><span class="genmed">

CONTEÚDO DO WIDGET

</span></li></ul></span><span class="corners-bottom"></span>
</div></dd></dl></div></div>
No lugar de "IMAGEM_DESEJADA" adicione a imagem que deseja.

Atenciosamente.

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

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets ocultos

Mensagem por Kiaro 11.01.14 22:44

Coloquei este código. Primeiramente quando salvei, a imagem que eu tinha colocado ficou invisível, mas quando clicava na área ela aparecia.
Observei também que se eu apertasse salvar novamente, sem nenhuma alteração ocorria o contrário, a imagem aparecia e quando clicada o texto não se mostrava.
Kiaro
Kiaro
*

Membro desde : 19/07/2013
Mensagens : 47
Pontos : 75

http://fairytailadventure.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widgets ocultos

Mensagem por Kiaro 11.01.14 23:00

Desculpa o double post, mas gostaria de avisar que encontrei o que eu desejava aqui: https://ajuda.forumeiros.com/t76994-widget-que-oculta-conteudo


Obrigado pela ajuda!
Kiaro
Kiaro
*

Membro desde : 19/07/2013
Mensagens : 47
Pontos : 75

http://fairytailadventure.forumeiros.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos