Personalizar o spoiler

[Sr.kakashi]

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

[Cream]

Olá,

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

Até mais!

[Sr.kakashi]

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

[Convidad]

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.

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.

[Sr.kakashi]

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

[Dury]

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
}

[Sr.kakashi]

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

[Dury]

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

[Sr.kakashi]

http://testeds.forumeiros.com/

[Thor]

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 botão logo acima!

[Dury]

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
   }

[Sr.kakashi]

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^^

[Sr.kakashi]

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