Cor da caixa do spoiler
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Cor da caixa do spoiler
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
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
Re: Cor da caixa do spoiler
<div>Saudações! <img src="https://2img.net/u/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="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Visualização <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Imagens e cores <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Cores <img src="https://2img.net/u/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="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> <strong>Coloque no inicio de teu CSS. <img src="https://2img.net/u/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>
Re: Cor da caixa do spoiler
Olá,
Utilize este:
Adicionar em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS
Valide.
Até mais!
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!
Tópicos semelhantes
» Caixa de spoiler
» Ocultar caixa do spoiler
» Caixa de codigo e spoiler
» Caixa de código & spoiler igual ao do FDF.
» É possivel alterar a cor da caixa de spoiler?
» Ocultar caixa do spoiler
» Caixa de codigo e spoiler
» Caixa de código & spoiler igual ao do FDF.
» É possivel alterar a cor da caixa de spoiler?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos