Personalize esse quote

por Rockeirinho 26.08.12 21:27

Qual é minha questão:

Código:: .quote {background:url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#ff2010;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;overflow:auto;padding:10px 10px 10px 30px}

• É o seguinte, eu só quero que ao invez da borda deste quote, ficar desta cor, laranja, eu quero que fique numa cor que combine com o meu fórum, que é meio azul claro.

Links e imagens do meu problema:
~

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

Versão do meu fórum:
PHPBB2

por Sennior 26.08.12 21:49

Olá autor.

Poderia mandar o link de onde tem o quote em seu fórum?

Atenciosamente,
Sky.

por Rockeirinho 26.08.12 22:08

http://shinobidream.forumeiros.com/t1092-aqui-postem-akii-o

primeira área que vi que tem o quote, tá a.i

por Luciano98 26.08.12 22:44

Olá!

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

Código:

.quote {background:url(https://2img.net/h/oi40.tinypic.com/34dlag4.png) .3em .3em no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border: 1px solid #00D6FF;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow: 4px 4px 3px #35AFC7;overflow:auto;padding:10px 10px 10px 30px}

Valide.

Até mais.

por Rockeirinho 27.08.12 1:06

• Eu quero pedir que deixe um pouco mais escuro e que tire aquela de cor forte que fique abaixo ou que de preferência diminua a opacidade, mas creio que não seja possível com css.

• Peço também um spoiler com esse mesmo estilo do quote.

por Luciano98 27.08.12 2:46

Olá!

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

Código:

.quote{background:url(https://2img.net/h/oi40.tinypic.com/34dlag4.png) .3em .3em no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border: 1px solid #1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;overflow:auto;padding:10px 10px 10px 30px}

Valide.

Até mais.

por Rockeirinho 27.08.12 16:03

Ótimo, perfeito, tem como sair um spoiler aí?

por BrunoH. 30.08.12 21:22

Olá amigo,
Coloque este código em sua "Folha de Estilo CSS":

.post .postbody table.spoiler{background:url(https://2img.net/h/oi40.tinypic.com/34dlag4.png) .3em .3em no-repeat;-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));border:1px solid #1C8EA3;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}.post .postbody table.spoiler .spoiler_content{background-color:transparent;border:0px}

Resulta?

Abraços e ate + Piscada

Personalize esse quote

Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote

Re: Personalize esse quote