Personalização de cores do Spoiler

Qual é minha questão:
Quero um template no spoiler e no queto eu acho igual a que está no print abaixo.:


Aonde tah marcado de vermelho é o template que quero.

Forum que vi.: http://narutorpgstorm.ultimaterpg.net

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

Versão do fórum:
PUNBB

Olá!

Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS
Cole o seguinte código CSS:

Código:

.codebox:hover{border:1px solid #0D498D;border-left:10px solid #0D498D!important}.postmain blockquote{-ms-border-radius:5px;-ms-box-shadow:inset 0 0 10px #DDD, 1px 1px 2px #fff;-o-border-radius:5px;-o-box-shadow:inset 0 0 10px #DDD, 1px 1px 2px #fff;-webkit-border-radius:5px;-webkit-box-shadow:inset 0 0 10px #DDD, 1px 1px 2px #fff;background-color:#fff;border:1px solid #DDD;border-radius:5px;box-shadow:inset 0 0 10px #DDD, 1px 1px 2px #fff;color:gray;padding:.5em 1em;word-break:break-word}.codebox dt{border-bottom:1px solid #EBEBEB;color:#212121;font-family:'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;padding:.25em}.codebox{-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;background:linear-gradient(tobottom,#ffffff0%,#f1f1f1100%);border:1px solid #2672C8;border-left:10px solid #2672C8!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0)}.codebox dd{background:transparent;color:#2672C8}.postmain cite{border-bottom:1px solid #DDD;color:#212121;font-family:'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;font-size:16px;padding-bottom:10px}

Clique em Validar.

Até mais!

senhor quando add o code apareceu isto aqui.:

"Erro

O código CSS inserido é muito volumoso. Por favor, diminua-o.
Imagens e Cores"

Olá!

Tente esse:

Código:

.codebox:hover {
    border: 1px solid #0D498D;
    border-left: 10px solid #0D498D!important;
}
.postmain blockquote {
background-color: white;
word-break: break-word;
border: 1px solid #DDD;
padding: .5em 1em;
color: gray;
border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
}
.codebox dt {
border-bottom: 1px solid #EBEBEB;
padding: .25em;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
color: #212121;
}
.codebox {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
border-left: 10px solid #2672C8!important;
border: 1px solid #2672C8;
-webkit-transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-o-transition-duration: .4s;
}
.codebox dd {
background: transparent;
color: #2672C8;
}
.postmain cite {
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
    color: #212121;
    font-size: 16px;
  border-bottom: 1px solid #DDD;
padding-bottom: 10px;
}

Até mais.

Deu no mesmo .:

Erro

O código CSS inserido é muito volumoso. Por favor, diminua-o.

Olá.

Codigo :

Código:

.codebox:hover {
    border: 1px solid #0D498D;
    border-left: 10px solid #0D498D!important;
}
.postmain blockquote {
background-color: white;
word-break: break-word;
border: 1px solid #DDD;
padding: .5em 1em;
color: gray;
border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
}
.codebox dt {
border-bottom: 1px solid #EBEBEB;
padding: .25em;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
color: #212121;
}


Até.

Olá,

Provavelmente o CSS do seu fórum já chegou ao limite do máximo permitido pela Forumeiros, por isso você está recebendo esta mensagem, não vai adiantar adicionar enquanto tiver pouco espaço.

Cordialmente,
The Boss

eu add. outro code e foi .. e porque este não tah indo.../?

Amigo, veja se o código inteiro está ficando na mesma linha. Pode ser esse o problema

Olá,

O código passado pelo Today é grande; o CSS de teu fórum deve ter a quantidade máxima de caracteres permitidos, no campo para adição de CSS's.
Para adicionar este CSS, crie uma página HTML, e adicione isto ao código:

Código:

<style>.codebox:hover {
    border: 1px solid #0D498D;
    border-left: 10px solid #0D498D!important;
}
.postmain blockquote {
background-color: white;
word-break: break-word;
border: 1px solid #DDD;
padding: .5em 1em;
color: gray;
border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
}
.codebox dt {
border-bottom: 1px solid #EBEBEB;
padding: .25em;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
color: #212121;
}
.codebox {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
border-left: 10px solid #2672C8!important;
border: 1px solid #2672C8;
-webkit-transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-o-transition-duration: .4s;
}
.codebox dd {
background: transparent;
color: #2672C8;
}
.postmain cite {
    font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
    color: #212121;
    font-size: 16px;
  border-bottom: 1px solid #DDD;
padding-bottom: 10px;
}</style>

Aceda á Configuração:

Painel de Controle Geral Mensagens e e-mails Configuração

Localize 'Descrição do site :' e no campo ao lado coloque isto:

<iframe src="/hID-" style="width:0px;height:0px;position:absolute;top:0;left:0" />

ID ID da página criada, por exemplo no FDF:

<iframe src="/h2-" style="width:1px;height:1px;position:absolute;top:0;left:0" />

Resultas?

Até mais.