Spoiler igual do ajuda forumeiros

Item: Spoiler igual do ajuda forumeiros
Rating: 1

por JooHz 17.01.13 17:21

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

por weberth.souza 17.01.13 17:26

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; }

por shanskin 17.01.13 17:27

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; }

por JooHz 17.01.13 17:32

Está aparecendo quando vou salvar o css:

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

por JooHz 17.01.13 18:03

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

por Consolado 17.01.13 18:38

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores 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(https://i.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