[Pedido] BBCode "Esconder/Mostrar"

Tire suas dúvidas sobre BBCode.
Gold Snake
Novato
Novato
Mensagens: 14
Registrado em: 03 Set 2012, 21:53

[Pedido] BBCode "Esconder/Mostrar"

Mensagem por Gold Snake » 03 Set 2012, 22:32

Qual a URL do seu fórum: http://www.finalfantasy.com.br/forumg2/
Tipo de Hospedagem: Free
Qual a versão do phpBB: 3.0.8
É um novo ou uma conversão: Não sei. =/
Usuário de teste: Usuário: Teste Senha: teste69
Estilos instalados: Elegance
Modificações instaladas: Nenhuma (ainda)
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Desde sempre
Descreva seu problema: Quero criar uma BBCode de spoiler (aquelas que esconde e mostra o texto). Mas queria uma que ficasse igual aos comandos do meu fórum (link ai em cima). Reparem que ao colocar o mouse em cima de alguns comandos (como o de registrar), o preto fica vermelho. Queria fazer o mesmo efeito na BBCode. Basicamente, quero o seguinte:
Quando a pessoa postar usando a BBCode, o texto deve aparecer assim: Imagem e quando a pessoa colocar o mouse em cima dela, deve ficar assim: Imagem. Após clicar em "Mostrar", tem que aparecer a opção para "esconder", ficando assim: Imagem, e quando coloca o mouse em cima, fica assim: Imagem.

Alguém sabe como eu poderia criar algo assim?

Avatar do usuário
_Vinny_
Administrador
Administrador
Mensagens: 5605
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por _Vinny_ » 03 Set 2012, 22:51

Gold Snake, você já pesquisou no fórum banco de dados de BBcodes? Já tem BBcode spoiller lá, basta fazer uma busca.

Aqui um exemplo:
Me esconda. Me esconda. Me esconda
É só personalizar do seu jeito.

Gold Snake
Novato
Novato
Mensagens: 14
Registrado em: 03 Set 2012, 21:53

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por Gold Snake » 04 Set 2012, 13:42

A base de como esconder o texto eu já sei. Mas gostaria de saber como personalizá-lo.

Avatar do usuário
_Vinny_
Administrador
Administrador
Mensagens: 5605
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por _Vinny_ » 04 Set 2012, 14:30

Basta substituir os botões pelas imagens que postou. :)

Gold Snake
Novato
Novato
Mensagens: 14
Registrado em: 03 Set 2012, 21:53

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por Gold Snake » 05 Set 2012, 20:53

Tendo como base esse tópico, como ficaria os códigos com as urls das imagens que postei? Onde nesse código eu devo colocar as urls?

Código: Selecionar todos

<div style="margin:0px 0px 0px 0px">
<div class="smallfont" style="margin-bottom:0px">
<input type="button" value="Mostrar" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Mostrar'; }">
</div>
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
{TEXT}
</div>
</div>
Abraço.

Gold Snake
Novato
Novato
Mensagens: 14
Registrado em: 03 Set 2012, 21:53

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por Gold Snake » 08 Set 2012, 12:08

Alguém poderia me ajudar nisso?

Obrigado.

Avatar do usuário
_Vinny_
Administrador
Administrador
Mensagens: 5605
Registrado em: 03 Set 2009, 21:59
Nome Real: Marcus Vinicius
Localização: Macapá, AP - Brasil
Contact:

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por _Vinny_ » 08 Set 2012, 14:35

Talvez a MOD [RC1] Prime BBCode Spoiler (1.4.1) seja ideal para você conseguir o efeito desejado.

Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por robra » 09 Set 2012, 01:07

Este BBcode está baseado no endereço das imagens que você postou em sua 1ª mensagem:

Código: Selecionar todos

<div style="display: block;">
<span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<img src=\'http://i.minus.com/jTG3cNrugGi71.png\' onMouseOver=this.src=\'http://i.minus.com/jbwOP5Dw8zqb5Q.png\' onMouseOut=this.src=\'http://i.minus.com/jTG3cNrugGi71.png\' onClick=\'return false;\' style=\'cursor: pointer;\'>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<img src=\'http://i.minus.com/jbfPnocJPaZGJb.png\' onMouseOver=this.src=\'http://i.minus.com/jdFTfsglmyIIV.png\' onMouseOut=this.src=\'http://i.minus.com/jbfPnocJPaZGJb.png\' onClick=\'return false;\' style=\'cursor: pointer;\'>'; }" /><img src="http://i.minus.com/jbfPnocJPaZGJb.png" style="cursor: pointer;" onmouseover="this.src='http://i.minus.com/jdFTfsglmyIIV.png'" onmouseout="this.src='http://i.minus.com/jbfPnocJPaZGJb.png'"></span>
<div class="quotecontent">
<div style="display: none;">{TEXT}</div>
</div>
</div>
Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".

Gold Snake
Novato
Novato
Mensagens: 14
Registrado em: 03 Set 2012, 21:53

Re: [Pedido] BBCode "Esconder/Mostrar"

Mensagem por Gold Snake » 09 Set 2012, 11:35

Deu certo! Muito obrigado Vinny e Robra pela ajuda. xD

Responder

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante