Gostaria de deixar o meu spoiler do meu fórrum assim

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

Resolvido Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 07:10 pm

Qual é minha questão:
Gostaria de deixar os spoilers do meu fórum desse jeito:




Medidas que eu tomei para corrigir o problema:
N

Links e imagens do meu problema:



Endereço do meu fórum:
terramakers.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Shiff' em 07/02/12, 07:41 pm

onde vc viu isso?
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 08:09 pm

forum-frito.forumeiros.com
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Shiff' em 07/02/12, 08:24 pm

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;

 }

tente esse ver se funfa
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 08:31 pm

Não funcionou Triste
Só lembrando que é para PHPBB2!
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Shiff' em 07/02/12, 08:48 pm

Código:
.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;
}

tente esse assima pq a verção do meu forum é phpbb2 e´pegou tenta no seu
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 09:01 pm

@Shiff' escreveu:
Código:
.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;
}

tente esse assima pq a verção do meu forum é phpbb2 e´pegou tenta no seu

ainda não pegou x_x
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Luciano98 em 07/02/12, 09:18 pm

Olá!

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

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}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 09:24 pm

@Luciano98 escreveu:Olá!

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

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}

Salve.

Até mais.

AE! Valeu, funcionou direitinho Muito feliz
Porém, dá para colocar um Clique aqui para mostrar/ocultar o conteúdo no canto direito da caixa Spoiler?
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Luciano98 em 07/02/12, 09:26 pm

Olá!

Não pude entender muito bem.
Você quer colocar ao lado direito da caixa de spoiler a escrita "Clique aqui"?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 09:28 pm

@Luciano98 escreveu:Olá!

Não pude entender muito bem.
Você quer colocar ao lado direito da caixa de spoiler a escrita "Clique aqui"?

Até mais.

Sim.
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por Luciano98 em 07/02/12, 09:34 pm

Olá!

Substitua por esse código:
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}.postbody table.spoiler tr:first-child td::after{content:'DFF';text-align:right;float:right;cursor:pointer}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Gostaria de deixar o meu spoiler do meu fórrum assim

Mensagem por ArthurMaker em 07/02/12, 09:36 pm

@Luciano98 escreveu:Olá!

Substitua por esse código:
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}.postbody table.spoiler tr:first-child td::after{content:'DFF';text-align:right;float:right;cursor:pointer}

Até mais.

Poxa cara, valeu mesmo!
Funcionou certinho ^^

Obrigado Feliz
avatar

ArthurMaker
Usuário avançado

Masculino
Inscrito dia : 28/01/2008
Mensagens : 366
Pontos Ativos : 280

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