Qual é minha questão:
Gostaria de deixar os spoilers do meu fórum desse jeito:




Medidas que eu tomei para corrigir o problema:
N

Links e imagens do meu problema:



Endereço do meu fórum:
terramakers.forumeiros.com

Versão do meu fórum:
PHPBB2

onde vc viu isso?

forum-frito.forumeiros.com

Código:

.spoiler_content {
background-color: white;
border: 1px solid #E4E4E4;
border-image: initial;
}
.spoiler_closed {
background-color: white;
border: 1px solid #E4E4E4;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #E4E4E4;
border-right-color: #E4E4E4;
border-bottom-color: #E4E4E4;
border-left-color: #E4E4E4;
border-image: initial;

 }

tente esse ver se funfa

Não funcionou
Só lembrando que é para PHPBB2!

Código:

.spoiler_content {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat 100% 50%;
border-bottom: ;
font-size: 12px;
font-family: 'Trebuchet MS', georgia, Verdana, sans-serif;
color: #666;
}

tente esse assima pq a verção do meu forum é phpbb2 e´pegou tenta no seu

Shiff' escreveu:

Código:

.spoiler_content {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat 100% 50%;
border-bottom: ;
font-size: 12px;
font-family: 'Trebuchet MS', georgia, Verdana, sans-serif;
color: #666;
}

tente esse assima pq a verção do meu forum é phpbb2 e´pegou tenta no seu

ainda não pegou x_x

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}

Salve.

Até mais.

Luciano98 escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}

Salve.

Até mais.

AE! Valeu, funcionou direitinho
Porém, dá para colocar um Clique aqui para mostrar/ocultar o conteúdo no canto direito da caixa Spoiler?

Olá!

Não pude entender muito bem.
Você quer colocar ao lado direito da caixa de spoiler a escrita "Clique aqui"?

Até mais.

Luciano98 escreveu:Olá!

Não pude entender muito bem.
Você quer colocar ao lado direito da caixa de spoiler a escrita "Clique aqui"?

Até mais.

Sim.

Olá!

Substitua por esse código:

Código:

.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}.postbody table.spoiler tr:first-child td::after{content:'DFF';text-align:right;float:right;cursor:pointer}

Até mais.

Luciano98 escreveu:Olá!

Substitua por esse código:

Código:

.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}.postbody table.spoiler tr:first-child td::after{content:'DFF';text-align:right;float:right;cursor:pointer}

Até mais.

Poxa cara, valeu mesmo!
Funcionou certinho ^^

Obrigado