Spoiler personalizado, veja

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

Resolvido Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 01:28 pm

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
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Shankz em 08/09/12, 01:34 pm

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 Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Convidado em 08/09/12, 01:36 pm

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

Convidado
Convidado


Resolvido Re: Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 01:39 pm

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]
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Shankz em 08/09/12, 01:51 pm

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 Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Nickname em 08/09/12, 02:06 pm

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

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 02:14 pm

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.
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Shankz em 08/09/12, 02:23 pm

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 Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 02:34 pm

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.
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Shankz em 08/09/12, 02:50 pm

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.
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 02:59 pm

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.
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Shankz em 08/09/12, 03:07 pm

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 Piscada
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Spoiler personalizado, veja

Mensagem por Rockeirinho em 08/09/12, 03:10 pm

Resolvido, grato.
avatar

Rockeirinho
Nível 9

Masculino
Inscrito dia : 10/07/2011
Mensagens : 203
Pontos Ativos : 329

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