Widgets ocultos

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

Resolvido Widgets ocultos

Mensagem por Kiaro em 10/01/14, 05:01 pm

Qual é minha questão:
Olá. Eu administro este fórum e gostaria de adicionar um widget oculto assim como descrito neste tutorial: http://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 http://img132.imageshack.us/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, 09:01 pm, editado 1 vez(es)
avatar

Kiaro
Nível 5

Masculino
Inscrito dia : 18/07/2013
Mensagens : 47
Pontos Ativos : 75

Ver perfil do usuário http://fairytailadventure.forumeiros.net/

Resolvido Re: Widgets ocultos

Mensagem por Shek em 11/01/14, 01:27 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Widgets ocultos

Mensagem por Kiaro em 11/01/14, 08:44 pm

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

Kiaro
Nível 5

Masculino
Inscrito dia : 18/07/2013
Mensagens : 47
Pontos Ativos : 75

Ver perfil do usuário http://fairytailadventure.forumeiros.net/

Resolvido Re: Widgets ocultos

Mensagem por Kiaro em 11/01/14, 09:00 pm

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


Obrigado pela ajuda!
avatar

Kiaro
Nível 5

Masculino
Inscrito dia : 18/07/2013
Mensagens : 47
Pontos Ativos : 75

Ver perfil do usuário http://fairytailadventure.forumeiros.net/

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