Edição de quote e spoiler

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

Resolvido Edição de quote e spoiler

Mensagem por Karol Marinho em 01/01/12, 06:58 pm

Qual é minha questão:
Queria saber como deixar meu quote e meu spoiler como na imgem abaixo

http://i43.servimg.com/u/f43/15/53/26/66/cats12.jpg

Medidas que eu tomei para corrigir o problema:
.

Imagens do meu problema:
http://i43.servimg.com/u/f43/15/53/26/66/cats12.jpg

Endereço do meu fórum:
http://historia-filosofia.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Edição de quote e spoiler

Mensagem por Dury em 02/01/12, 12:30 pm

Olá,

Em qual fórum viu este efeito? Poderia por favor nos fornecer o endereço do mesmo?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Edição de quote e spoiler

Mensagem por MateusV. em 02/01/12, 12:49 pm

Ola, tente
Painel Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de estilo CSS"
Código:
blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #494949
url(http://www.engineeringsurveyor.com/orange/images/quote.png) no-repeat 5px;
border: 1px solid #bbbabb;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

blockquote div {margin-left: 40px;}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho em 02/01/12, 04:18 pm

não funcionou...

hapotter.forumeiros.com (forum onde vi...)
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho em 02/01/12, 05:19 pm

eu adicionei o seguinte código para alterar o spoiler, ficou bacana, mas eu queria mudar a cor do fundo para preto... como faço?

Código:

.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#000000;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(http://hitskin.com/themes/16/82/51/i_back_title.jpg);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Edição de quote e spoiler

Mensagem por Dury em 03/01/12, 07:41 pm

Olá,

Tente com esse código:
Código:
blockquote{background:black url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;border:1px solid #DBDBCE;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}blockquote div{margin-left:20px}blockquote blockquote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}blockquote blockquote blockquote{background-color:#474747}blockquote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}blockquote cite cite{font-size:1em}blockquote.uncited{padding-top:25px}
Acho que não é possível modificar a cor de fundo do spoiler. Ele sempre é branco... Estudar

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Edição de quote e spoiler

Mensagem por Cream em 03/01/12, 07:46 pm

Olá,

Tente o seguinte código para mudar a cor de fundo do spoiler:
Código:
dl.codebox, dd div.spoiler_content {
background-color: #COR !important;
}
Troque "#COR" pela cor hexadecimal desejada. Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Obs: Coloque este código separado do principal.
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho em 04/01/12, 01:09 pm

funcionou... ^^ obrigada e pode fechar... ^^
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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