Edição de quote e spoiler

4 participantes

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

Tópico resolvido Edição de quote e spoiler

Mensagem por Karol Marinho 01.01.12 20:58

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

https://i.servimg.com/u/f43/15/53/26/66/cats12.jpg

Medidas que eu tomei para corrigir o problema:
.

Imagens do meu problema:
https://i.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
Karol Marinho

Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Dury 02.01.12 14:30

Olá,

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

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por MateusV. 02.01.12 14:49

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho 02.01.12 18:18

não funcionou...

hapotter.forumeiros.com (forum onde vi...)
Karol Marinho

Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho 02.01.12 19:19

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}
Karol Marinho

Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Dury 03.01.12 21:41

Olá,

Tente com esse código:
Código:
blockquote{background:black url(http://2img.net/i/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'
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Cream 03.01.12 21:46

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição de quote e spoiler

Mensagem por Karol Marinho 04.01.12 15:09

funcionou... ^^ obrigada e pode fechar... ^^
Karol Marinho

Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos