Cor da caixa do spoiler

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

Resolvido Cor da caixa do spoiler

Mensagem por bielzin11 em 29/07/13, 07:14 pm

Qual é minha questão:
Eu gostaria de saber como mudar a cor do fundo da caixa de spoiler, pois o fundo do meu forum é preto e a caixa de spoiler é branca logo fica uma linha branca no meio do post, alguem poderia me dizer como fazer a caixa de spoiler ficar preta e o texto vermelho ?

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

Versão do fórum:
INVISION

bielzin11
Nível 5

Masculino
Inscrito dia : 30/04/2010
Mensagens : 47
Pontos Ativos : 87

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

Resolvido Re: Cor da caixa do spoiler

Mensagem por Nikee em 29/07/13, 07:24 pm

<div>Saudações! <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/274593.gif" alt="Muito feliz" longdesc="1" class="" style="display:inline"><br><br><strong><font color="darkblue">Aceda à "Folha de estilo CSS":</font></strong><br><strong>Painel de Controle  <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Visualização  <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Imagens e cores  <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Cores  <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Folha de estilo CSS</strong><br><br><strong>Código:</strong><br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="pun">.</span><span class="pln">spoiler dt </span><span class="pun">{</span><span class="pln"></span><br></li><li class="L1"><span class="pln">background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L2"><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L3"><span class="pln">border</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> solid rgba</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0.64</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L4"><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2px</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L5"><span class="pln"></span><span class="pun">}</span><span class="pln"></span><br></li><li class="L6"><span class="pln"></span><span class="pun">.</span><span class="pln">spoiler dd </span><span class="pun">{</span><span class="pln"></span><br></li><li class="L7"><span class="pln">background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L8"><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L9"><span class="pln"></span><span class="pun">}</span></li></ol></code></dd></dl><br><br><img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> <strong>Coloque no inicio de teu CSS. <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/426228.gif" alt="Piscada" longdesc="14" class="" style="display:inline"></strong><br><br><strong><u>Salve.</u></strong><br><br>Até mais.<br><strong>Nikéé</strong></div>
avatar

Nikee
Nível 1

Masculino
Inscrito dia : 29/07/2013
Mensagens : 3
Pontos Ativos : 3

Ver perfil do usuário http://narutorpg.forumice.com

Resolvido Re: Cor da caixa do spoiler

Mensagem por bielzin11 em 29/07/13, 07:30 pm

Pode simplificar o texto ?

bielzin11
Nível 5

Masculino
Inscrito dia : 30/04/2010
Mensagens : 47
Pontos Ativos : 87

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

Resolvido Re: Cor da caixa do spoiler

Mensagem por North em 29/07/13, 11:15 pm

Olá,

Utilize este:

Código:
.spoiler {
background-color: #000;
border-bottom: 1px dotted #000;
border-left: 5px solid #000;
border-right: 1px dotted #000000;
border-top: 1px dotted #050505;
}
spoiler dt {
background-color: #3A3A3A!important;
border: 1px solid rgba(255, 255, 255, 0.64)!important;
color: #FFFFFF!important;
}

Adicionar em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Valide.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Cor da caixa do spoiler

Mensagem por bielzin11 em 30/07/13, 08:15 am

Problema resolvido mt obrigado.

bielzin11
Nível 5

Masculino
Inscrito dia : 30/04/2010
Mensagens : 47
Pontos Ativos : 87

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