Spoiler personalizado, veja

Item: Spoiler personalizado, veja
Rating: 1

por Rockeirinho 08.09.12 17:28

Qual é minha questão:

Código:: .spoiler{background:url(http://img33.imageshack.us/img33/4645/34dlag4copy.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}

Eu quero deixar esse spoiler acima, como o spoiler desse forum abaixo, porém nas cores do fórum acima, entende?

http://www.narutothegames.com/ - Link do Fórum
http://www.narutothegames.com/t25978-kyon-x-nymeria#257930 - Link de um tópico em que o spoiler está sendo usado.

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 Shankz 08.09.12 17:34

Olá,

Qual seria a cor do seu? Tente

Código:: .spoiler_closed{background-color:rgb(77, 77, 77);border:#fff;border-style:solid;border-width:1px;color:#000;display:block;font-family:Tahoma;font-size:12px;line-height:125%}.spoiler_closed.hidden{display:none}.spoiler_content{background-color:rgb(77, 77, 77);border:#fff;border-style:solid;border-width:1px;color:#000;display:block;font-family:Tahoma;font-size:12px;line-height:125%}.spoiler_content.hidden{display:none}.user_login_form{margin-bottom:5px}

Até mais

por Convidado 08.09.12 17:36

Olá tire este código de sua folha de estilo de css e pronto fica igual a deste!
resultados

Spoiler:

por Rockeirinho 08.09.12 17:39

Nossa, ficou horrível, nada haver um com o outro. Pode concertar?

http://shinobidream.forumeiros.com/t1449-mestre-elemental-suiton-fix-vs-misa-kun#8226
[ Ficou assim]

por Shankz 08.09.12 17:51

Testei em meu fórum de testes e funcionou corretamente.

Código:: .spoiler_closed{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}.spoiler_content{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;padding:10px}

Até mais

por Nickname 08.09.12 18:06

Olá,
Tente os códigos abaixo e veja se algum deles resultam:

Código:: .spoiler_closed{background-color:#fff;border:#fff;border-style:solid;border-width:1px;color:#000;display:block;font-family:Tahoma;font-size:12px;line-height:125%}.spoiler_closed.hidden{display:none}.spoiler_content{background-color:#fff;border:#fff;border-style:solid;border-width:1px;color:#000;display:block;font-family:Tahoma;font-size:12px;line-height:125%}.spoiler_content.hidden{display:none}

Código:: .spoiler_closed{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}.spoiler_content{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;padding:10px}

Cordialmente
Dr. Kinki Positivo

por Rockeirinho 08.09.12 18:14

O de Shankz funcionou, eu só editei para deixar com as cores que eu desejava, mas uma coisa eu não consegui editar o background, eu quero ele branco mesmo e não cinza, podem me ajudar.

Código:: .spoiler_closed{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0}.spoiler_content{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;padding:10px}

Tá aê o code do Shankz que eu editei e deixei com as cores que eu quis.

por Shankz 08.09.12 18:23

Olá,

Substitua os valores em negrito até ficar de seu gosto

.spoiler_closed{background-color: #FFFFFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0}.spoiler_content{background-color: #FFFFFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;padding:10px}

Até mais

por Rockeirinho 08.09.12 18:34

Deu um pequeno errinho.
Eu adicionei, porém só fica do jeito que eu quero quando abre, enquanto está fechado fica aquele spoiler comum de fórum, aquele feio, cinza.
Eu não mudei nada de seu quote, pois eu quero o fundo branco mesmo e estava branco pelo que vi no seu code, então eu não entendi esse erro.

http://shinobidream.forumeiros.com/t1449-mestre-elemental-suiton-fix-vs-misa-kun#8237

Página que tem um quote, acima.

por Shankz 08.09.12 18:50

Existe algum outro código de spoiler em seu css? Tente colocar o código que passei por último em seu css e veja se resulta.

Atenciosamente.

por Rockeirinho 08.09.12 18:59

Não, não existe outro e eu coloquei o que você passou por último mesmo, mas antes retirei oque eu postei para verem a cor e tals.

por Shankz 08.09.12 19:07

Olá,

Tente substituir pelo código abaixo

Código:: .spoiler_content{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#FFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;padding:10px}.spoiler_closed{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#FFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#1C8EA3;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;}

Até logo

por Rockeirinho 08.09.12 19:10

Resolvido, grato.

Spoiler personalizado, veja

Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja

Re: Spoiler personalizado, veja