Personalizar o spoiler

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

Resolvido Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 11:33 am

Qual é minha questão:
Bom queria que vocês postassem aqui codigos do spoiler bonitos e atraentes em PUNBB
Se puderem fico grato

Medidas que eu tomei para corrigir o problema:
.........

Imagens do meu problema:
.......

Endereço do meu fórum:
EM TESTE

Versão do meu fórum:
PUNBB


Última edição por Sr.kakashi em 13/01/12, 11:36 am, editado 1 vez(es)
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Cream em 13/01/12, 11:35 am

Olá,

Não tenho nenhum código comigo, mas recomendo que leia:
Flecha ajudeiros [TUTORIAL] Personalização de cores do Spoiler

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 11:37 am

Vou dar uma lidinha,mas deixa aberto vou ver se alguém tem ok
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Convidad em 13/01/12, 12:30 pm

Olá,

Há várias maneiras de personalizar o spoiler, se você quiser, nos mostre exemplos de como gostaria que ele fosse.

Se quiser, poderá procurar aqui no fórum dos fóruns, existem muitos códigos já prontos. Piscada

Fiz um simples aqui :

Código:

dl.codebox  {
  border: 1px solid #FFFFFF;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #A68585;
    text-align: center;
}

Coloque em sua folha css (Painel de controle -> Visualização -> Cores -> "Aba" Folha CSS)

Até mais.

Convidad
Convidado


Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 01:13 pm

Gostei do seu touks,mas não gostei das cores(que ficaram por fora vermelho e por dentro amarelo),e pelo que vi não a classe par modificar essa tal cor ,poderia modificar para mim
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Dury em 13/01/12, 03:14 pm

Olá,

Tente com esse código:
dl.codebox {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
}
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 05:17 pm

Continuo com as mesmas cores, personalizei um e também ficou com as cores que eu falei(amarelo claro e vermelho claro)
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Dury em 13/01/12, 06:32 pm

Poderia me fornecer o endereço de seu fórum ao qual está a modificar este quesito do tema?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 07:24 pm

avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Thor em 13/01/12, 07:28 pm

Olá, aqui está:
Código:
.spoiler{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #9C9C9C;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 5px #9C9C9C;background:url(http://img856.imageshack.us/img856/9895/barra2z.png) no-repeat top right;
}

.spoiler dt{background-image:url(http://img856.imageshack.us/img856/9895/barra2z.png);
background-position:top right;
background-repeat:repeat-x;
display:block;
font-size:13px;
font-style:normal;
margin:-0;padding:3px}

Resulto(a)? Seja educado e agradeça com um Obrigado botão logo acima!
avatar

Thor
Usuário destaque

Masculino
Inscrito dia : 16/11/2011
Mensagens : 627
Pontos Ativos : 932

Ver perfil do usuário http://www.techarte.co.cc/forum

Resolvido Re: Personalizar o spoiler

Mensagem por Dury em 13/01/12, 07:37 pm

Olá,

Tente com este CSS:
Código:
.spoiler_content {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
   }
.spoiler_content.hidden {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
   }
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 13/01/12, 08:41 pm

Gostei do seu Mr.King,mas so teve um defeito,a parte de dentro ficou amarela,e Jeffrey continua na mesma com as cores vermelho e amarelo no spoiler
No aguardo
Até aqui grato^^
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

Ver perfil do usuário http://designerstyle.maisforum.com

Resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi em 14/01/12, 04:04 pm

Ja resolvi aqui ^^
Muito abrigado a todos
(isso não seria double post pois ja faz tempo da minha ultima mensagem)
Pode fechar
avatar

Sr.kakashi
Nível 9

Masculino
Inscrito dia : 15/10/2011
Mensagens : 151
Pontos Ativos : 243

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