Spoiler igual do ajuda forumeiros

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

Resolvido Spoiler igual do ajuda forumeiros

Mensagem por JooHz em 17/01/13, 03:21 pm

Qual é minha questão:
Olá, eu gostaria do código CSS do spoiler da ajuda.forumeiros, alguem pode me passar?

Endereço do meu fórum:
http://blastergames.forumfacil.net

Versão do fórum:
PHPBB3


Última edição por JooHz em 17/01/13, 05:38 pm, editado 1 vez(es)
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por weberth.souza em 17/01/13, 03:26 pm

Adicione no seu CSS

Código:
dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}
dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repeat scroll 0 0 #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px 3px 3px 3px;
padding: 2px;
}
avatar

weberth.souza
Nível 8

Masculino
Inscrito dia : 03/10/2012
Mensagens : 131
Pontos Ativos : 201

Ver perfil do usuário http://legendscheats.uniogame.com

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por shanskin em 17/01/13, 03:27 pm

Veja se resulta:

Código:
dl.codebox dt {
background: transparent url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0px 0px;
border: 0px none;
padding-left: 30px;
color: #0085C4;
font-weight: bold;
background-color: white;
}
.codebox {
background-color: white !important;
border: 1px dotted #BFE4FF;
margin: 1em;
}
.codebox dd {
background-color: white;
}
.spoiler_content.hidden {
background: white;
}
avatar

shanskin
Nível 9

Masculino
Inscrito dia : 28/09/2012
Mensagens : 223
Pontos Ativos : 374

Ver perfil do usuário http://power-dark.forumeiros.com

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por JooHz em 17/01/13, 03:32 pm

Está aparecendo quando vou salvar o css:

O código CSS inserido é muito volumoso. Por favor, diminua-o.
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por JooHz em 17/01/13, 04:03 pm

O do shanskin foi o que chegou mais perto, so que a borda são pontinhos e tem um espaço maior depois do nome spoiler quando está fechado
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por Consolado em 17/01/13, 04:38 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

dl.codebox{background-color:#FFF;border:1px solid #C9D2D8;font-size:1em;padding:3px}dl.codebox dt{border-bottom:1px solid #CCC;display:block;font-size:.8em;font-weight:700;margin-bottom:3px;text-transform:uppercase}blockquote dl.codebox{margin-left:0}dl.codebox code{color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;height:auto;line-height:1.3em;margin:2px 0;max-height:200px;overflow:auto;padding-top:5px;white-space:normal}dl.codebox dt{background:url(http://i45.servimg.com/u/f45/12/05/75/97/script10.png) no-repeat scroll 0 0 transparent;border:0 none;color:#0372BE;font-size:.9em;padding-left:22px;text-transform:none}.post .postbody dl.codebox dd code{cursor:text}.spoiler_content{display:none}.spoiler_content.hidden{display:block}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Spoiler igual do ajuda forumeiros

Mensagem por JooHz em 17/01/13, 05:37 pm

Perfeito, valeu Today. Muito feliz
Pode fechar!
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.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