Caixa de spoiler

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

Resolvido Caixa de spoiler

Mensagem por Chieko em 24/02/12, 11:48 am

Qual é minha questão:
Gostaria de mudar o estilo da minha caixa de spoiler.

Medidas que eu tomei para corrigir o problema:
Procurei em tópicos mas não achei.

Links e imagens do meu problema:
Gostaria de deixar minha caixa de spoiler da seguinte forma:
http://i.imgur.com/rwYQY.png
Só que mudando a cor dos traços(----) para laranja.

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

Versão do meu fórum:
PHPBB3


Última edição por Chieko em 24/02/12, 01:46 pm, editado 1 vez(es)
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 11:50 am

Poderia me Passar o Site do Fórum aonde viu isto ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 11:50 am

Eu peguei essa imagem no google, poderia me ajudar a deixar minha caixa de spoiler assim?
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 11:53 am

Bom cara eu não tenho Nenhum Código aqui para eu Editar por isso precisava ver algum Fórum que tenha este Spoiler para eu Pegar o Código
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 11:59 am

Aaah sim, eu estava vendo aqui em um tópico e achei o link, está aí:

forum-frito.forumeiros.com

Estava nesse tópico aqui: http://ajuda.forumeiros.com/t53253-gostaria-de-deixar-o-meu-spoiler-do-meu-forrum-assim
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 12:20 pm

Tente usar este Código

.spoiler_content {
background-color: white;
border: 1px solid #E4E4E4;
border-image: initial;
}
.spoiler_closed {
background-color: white;
border: 1px solid #E4E4E4;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #E4E4E4;
border-right-color: #E4E4E4;
border-bottom-color: #E4E4E4;
border-left-color: #E4E4E4;
border-image: initial;

}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 12:36 pm

Não adiantou :/
Lembrando que a versão do meu fórum é PhBB3
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 12:38 pm

Tente este então

.spoiler_content {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat 100% 50%;
border-bottom: ;
font-size: 12px;
font-family: 'Trebuchet MS', georgia, Verdana, sans-serif;
color: #666;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 12:52 pm

Ainda não foi Não
:/
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 01:04 pm

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Ponha o Código
.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por MateusV. em 24/02/12, 01:14 pm

Olá, aceda a sua folha de estilo CSS e cole o codigo
Código:
dl.codebox {
background-color: #ffffff;
border: 1px solid #e4e4e4;}

dl.codebox dt {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right;
border-bottom: 1px dashed #c6e340;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
color: #666666;}
.codebox {
   display:block;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   }
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 01:24 pm

Isso agora siim, o código do TopManiacos funcionou o do Mateus não funcionou :/
Mais enfim, o código pegou, só que eu queria aqueles tracinhos verde da cor laranja, tem como?
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por iPrompt em 24/02/12, 01:28 pm

.postbody table.spoiler{border:1px solid #ECECEC;background-color:white;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.postbody table.spoiler tr:first-child td{cursor:pointer;border-bottom:2px dotted #C7E346}.postbody table.spoiler tr td.spoiler_closed{display:none}.postbody table.spoiler tr td.spoiler_content{background-color:white;border:0px;padding:3px}

Vermelho - Ponha o Code da Cor que Deseja
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 01:37 pm

Muito obrigadooo *------*.
Ficou ótimooo, só que o spoiler no chat é outro :S
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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

Resolvido Re: Caixa de spoiler

Mensagem por Chieko em 24/02/12, 02:12 pm

#Block Aqui
avatar

Chieko
Nível 5

Masculino
Inscrito dia : 20/02/2012
Mensagens : 53
Pontos Ativos : 75

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