Spoiler e quote

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

Resolvido Spoiler e quote

Mensagem por Razard em 05/01/13, 11:43 am

Qual é minha questão:
Queria saber se alguem sabe o codigo de Spoiler que seja igual a esse do meu quote. Eu tenho o codigo do Quote mas o do spoiler não tenho.

Codigo do quote:
table td.quote{font-size:x-small;color:#000;line-height:1.4em;background:url(http://www.gsmfans.com.br/Themes/default/images/theme/quote.png) 0.1em 0.1em no-repeat;border:1px solid #75afed;padding:1.1em 1.4em;margin:0.1em 0 0.3em 0;overflow:auto;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;-moz-border-radius:6px;-webkit-border-radius:6px}

Link do meu forum: http://hxhadventure.forumeiros.com/

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

Versão do fórum:
PHPBB2


Última edição por Razard em 05/01/13, 12:26 pm, editado 1 vez(es)
avatar

Razard
Nível 2

Masculino
Inscrito dia : 05/01/2013
Mensagens : 7
Pontos Ativos : 13

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

Resolvido Re: Spoiler e quote

Mensagem por Sennior em 05/01/13, 12:05 pm

Olá!

O mais perto que podemos chegar e isso:

Código:
.spoiler_content {
font-size: x-small;
color: black;
line-height: 1.4em;
background: url(http://www.gsmfans.com.br/Themes/default/images/theme/quote.png) 0.1em 0.1em no-repeat;
border: 1px solid #75AFED;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.spoiler_content {
background-color: black;
border: #2E2D2D;
border-style: solid;
border-width: 1px;
color: #444;
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 125%;
}

Coloque o código em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Spoiler e quote

Mensagem por Razard em 05/01/13, 12:20 pm

Obrigado, deu certo quando clicka para abrir, mas não tem como colocar redondo em quanto esta fechado tambem não?
avatar

Razard
Nível 2

Masculino
Inscrito dia : 05/01/2013
Mensagens : 7
Pontos Ativos : 13

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

Resolvido Re: Spoiler e quote

Mensagem por Sennior em 05/01/13, 12:22 pm

Olá!

Sim, para isso use este CSS:

Código:
.spoiler_closed {
border-radius: 9px;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Spoiler e quote

Mensagem por Razard em 05/01/13, 12:26 pm

Obrigado ajudou muito cara.
avatar

Razard
Nível 2

Masculino
Inscrito dia : 05/01/2013
Mensagens : 7
Pontos Ativos : 13

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