Caixa de citação e spoilers

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

Resolvido Caixa de citação e spoilers

Mensagem por Marshall em 05/03/14, 12:57 pm

Qual é minha questão:
Olá,
Possuo um fórum que apresenta a caixa de Citação e espoilers dessa maneira: 


E eu gostaria de deixa-la mais ou menos assim:


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

Versão do fórum:
PHPBB2


Última edição por Marshall em 07/03/14, 12:39 pm, editado 1 vez(es)
avatar

Marshall
Nível 1

Masculino
Inscrito dia : 05/03/2014
Mensagens : 3
Pontos Ativos : 5

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

Resolvido Re: Caixa de citação e spoilers

Mensagem por Hancki em 05/03/14, 01:28 pm

Olá!

Use este CSS:
Código:
dd.quote {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid pink;
background-color: white;
padding: 5px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
Resultado: http://prntscr.com/2y47za

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Caixa de citação e spoilers

Mensagem por Marshall em 07/03/14, 08:35 am

A caixa de citação mudou perfeitamente, mas os spoilers continuam os mesmos
avatar

Marshall
Nível 1

Masculino
Inscrito dia : 05/03/2014
Mensagens : 3
Pontos Ativos : 5

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

Resolvido Re: Caixa de citação e spoilers

Mensagem por Kyo Panda em 07/03/14, 10:23 am

Adicione esse código acima do código do Hancki:

Código:
.spoiler dd.spoiler_closed + dd {
  display: none;
}

.spoiler dd.spoiler_closed.hidden + dd {
  display: block;
}

.spoiler .spoiler_content {
  background: #fff;
}

E altere o cabeçalho do código do Hancki de:

Código:
dd.quote {

Para:

Código:
dd.quote,
.spoiler dd.spoiler_closed,
.spoiler dd.spoiler_closed.hidden + dd {

Siga o Hancki que é sucesso. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Caixa de citação e spoilers

Mensagem por Marshall em 07/03/14, 12:39 pm

Muito obrigado aos dois que me ajudaram !!
avatar

Marshall
Nível 1

Masculino
Inscrito dia : 05/03/2014
Mensagens : 3
Pontos Ativos : 5

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

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