Spoiler diferente

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

Resolvido Spoiler diferente

Mensagem por - Pride - em 15/01/12, 10:06 pm

Qual é minha questão:
Queria saber como deixar meu spoiler de maneira quando ele estiver fechado apareça uma pequena caixa de bordas arredondadas escrito: Abrir Spoiler e quando ele esta aberto aparecer Fechar Spoiler.

Medidas que eu tomei para corrigir o problema:
Procurei por algum tutorial em Dicas, Tutoriais e Astuçias.

Imagens do meu problema:
--

Endereço do meu fórum:
http://fairytailrpgextreme.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

- Pride -
Nível 6

Masculino
Inscrito dia : 18/12/2011
Mensagens : 66
Pontos Ativos : 87

Ver perfil do usuário http://fairytailrpgextreme.forumeiros.com/forum

Resolvido Re: Spoiler diferente

Mensagem por MateusV. em 15/01/12, 10:12 pm

Ola, não conseguir colocar um nome abrir spoiler, mas com esse codigo você pode colocar uma imagem.

.codebox.spoiler dd{margin-top: -15px;}

.codebox dt{
border: 0;
background: url(LINK DA IMAGEM) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

Adicione em Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de Estilo CSS"
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Spoiler diferente

Mensagem por - Pride - em 15/01/12, 10:43 pm

@MateusV. escreveu:Ola, não conseguir colocar um nome abrir spoiler, mas com esse codigo você pode colocar uma imagem.

.codebox.spoiler dd{margin-top: -15px;}

.codebox dt{
border: 0;
background: url(LINK DA IMAGEM) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

Adicione em Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de Estilo CSS"

Tenho uma duvida, Eu tenho que colocar um codigo para o spoiler fechado e outro para o aberto ou apenas um ja bastara?
avatar

- Pride -
Nível 6

Masculino
Inscrito dia : 18/12/2011
Mensagens : 66
Pontos Ativos : 87

Ver perfil do usuário http://fairytailrpgextreme.forumeiros.com/forum

Resolvido Re: Spoiler diferente

Mensagem por MateusV. em 15/01/12, 11:02 pm

Ola, tente apenas esse se não funcionar eu te passou outro certo?
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Spoiler diferente

Mensagem por - Pride - em 15/01/12, 11:36 pm

Não funcionou a imagem ficou do lado do Spoiler, Eu queria que so ficasse a imagem :S
avatar

- Pride -
Nível 6

Masculino
Inscrito dia : 18/12/2011
Mensagens : 66
Pontos Ativos : 87

Ver perfil do usuário http://fairytailrpgextreme.forumeiros.com/forum

Resolvido Re: Spoiler diferente

Mensagem por Convidad em 16/01/12, 10:16 am

Olá,

Já viu este tipo de spoiler em algum fórum forumeiros? Por favor, mande-nos o link do fórum com este tipo de spoiler. Piscada

Até mais. Positivo

Convidad
Convidado


Resolvido Re: Spoiler diferente

Mensagem por - Pride - em 16/01/12, 11:10 am

Ola! Ainda não vi em um forum forumeiros, mais queria ver se a um jeito de deixar como eu deseja que seria uma pequena imagem escrita: Abrir Spoiler e quando clicase apareçia oque a dentro dele sem apareçer aquela barra.
avatar

- Pride -
Nível 6

Masculino
Inscrito dia : 18/12/2011
Mensagens : 66
Pontos Ativos : 87

Ver perfil do usuário http://fairytailrpgextreme.forumeiros.com/forum

Resolvido Re: Spoiler diferente

Mensagem por MateusV. em 16/01/12, 01:24 pm

Ola, não estou entendendo muito bem como você quer, mas creio que não é possivel.

att, MateusV.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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