Personalização de cores do Spoiler

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

Resolvido Personalização de cores do Spoiler

Mensagem por Shinkay' em 02/03/13, 09:18 am

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
avatar

Shinkay'
Nível 7

Masculino
Inscrito dia : 23/09/2012
Mensagens : 87
Pontos Ativos : 123

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

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Consolado em 02/03/13, 09:54 am

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!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Shinkay' em 02/03/13, 10:08 am

senhor quando add o code apareceu isto aqui.:

"Erro

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

Shinkay'
Nível 7

Masculino
Inscrito dia : 23/09/2012
Mensagens : 87
Pontos Ativos : 123

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

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Consolado em 02/03/13, 10:14 am

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Shinkay' em 02/03/13, 10:33 am

Deu no mesmo .:

Erro

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

Shinkay'
Nível 7

Masculino
Inscrito dia : 23/09/2012
Mensagens : 87
Pontos Ativos : 123

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

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Hyouki em 02/03/13, 11:47 pm

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é.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Personalização de cores do Spoiler

Mensagem por .Danni. em 03/03/13, 08:47 am

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
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Personalização de cores do Spoiler

Mensagem por Shinkay' em 05/03/13, 09:38 am

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

Shinkay'
Nível 7

Masculino
Inscrito dia : 23/09/2012
Mensagens : 87
Pontos Ativos : 123

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

Resolvido Re: Personalização de cores do Spoiler

Mensagem por RodrigoNunes em 05/03/13, 10:27 pm

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

RodrigoNunes
Nível 8

Masculino
Inscrito dia : 15/09/2012
Mensagens : 130
Pontos Ativos : 184

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

Resolvido Re: Personalização de cores do Spoiler

Mensagem por [F]lames em 05/03/13, 10:43 pm

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 Seta Geral Seta Mensagens e e-mails Seta 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 Seta 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.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

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