Botão do Spoiler quadrado

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

Resolvido Botão do Spoiler quadrado

Mensagem por TheDrunK em 12/05/15, 10:48 pm

Qual é o code desse botão ?


Última edição por TheDrunK em 13/05/15, 03:31 pm, editado 1 vez(es)
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Botão do Spoiler quadrado

Mensagem por Shaman em 12/05/15, 11:42 pm

Olá, adicione isto em sua folha de estilo CSS:

Código:
.codebox
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  font-size: 11px;
  line-height: 170%;
  overflow: auto;
  padding: 5px;
}
.codebox dd
{
  background-color: transparent;
  margin: .3em;
  padding: .3em;
}
.codebox dt
{
  border-bottom: 0;
}
.codebox.spoiler dt
{
  background: #ECECEC url(http://i.imgur.com/psvFIEG.png) repeat-x 0 0;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  color: #616161;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  margin: 0 0 0 5px;
  moz-border-radius: 2px;
  moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  padding: 0 10px;
  text-shadow: #fff 0 1px 0;
  webkit-border-radius: 2px;
  webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  white-space: nowrap;
}
.codebox.spoiler dt:hover
{
  background-color: #F8F8F8;
  color: #4C4C4C;
}
.codebox.spoiler
{
  background: transparent;
  border: 0;
}
.codebox.spoiler dd
{
  background: transparent;
}
.spoiler_content.hidden
{
  background: #FCFCFC;
  border: 1px dashed #E3E3E3;
  padding: 5px;
}
.postmain blockquote
{
  background: #FCFCFC;
  border: 1px solid #E3E3E3;
  color: #9F9F9F;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 10px;
}

Até mais!

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Botão do Spoiler quadrado

Mensagem por TheDrunK em 13/05/15, 03:31 pm

Obrigado man, funcionou certinho, vlw.
avatar

TheDrunK
Nível 8

Masculino
Inscrito dia : 02/07/2013
Mensagens : 116
Pontos Ativos : 204

Ver perfil do usuário http://family-bikes.forumeiros.com/

Resolvido Re: Botão do Spoiler quadrado

Mensagem por Sennior em 13/05/15, 03:38 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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