Como personalizar caixa de citação, spoiler e codigo

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

Resolvido Como personalizar caixa de citação, spoiler e codigo

Mensagem por Mito_alonee em 06/03/14, 06:18 pm

Qual é minha questão:
Olá como eu deixo minha chaixa de citação e spoiler e código igual a essa:

Citação: http://i13.servimg.com/u/f13/17/73/56/99/print910.jpg

Spoiler: http://i13.servimg.com/u/f13/17/73/56/99/print110.jpg  ( Só que a barrinha vermelha gostaria que fosse de uma cor que eu quero)

Code: http://i13.servimg.com/u/f13/17/73/56/99/print111.jpg ( a mesma coisa a barrinha vermelha gostaria que fosse uma cor que eu quero)

Se puderem me ajudar ^^

Atenciosamente. 

Endereço do meu fórum:
http://farc-bpf.forumeiro.com

Versão do fórum:
PHPBB3


Última edição por Mito_alonee em 13/03/14, 12:16 am, editado 1 vez(es)
avatar

Mito_alonee
Nível 8

Masculino
Inscrito dia : 05/07/2012
Mensagens : 133
Pontos Ativos : 244

Ver perfil do usuário http://reality-life.forumeiros.com/

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por Sennior em 07/03/14, 02:05 am

Boa noite,

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

Código:
Código:
#preview > div > div > div.content > blockquote {-moz-border-radius: 5px;
-moz-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-ms-border-radius: 5px;
-ms-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-o-border-radius: 5px;-o-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-webkit-border-radius: 5px;-webkit-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;background: #fff;border-radius: 5px;box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;color: gray;padding: 5px;}.codebox {background: #f5f5f5;border-left: 10px solid #C82626;box-shadow: 2px 2px 7px gray;}.codebox dd.cont_code {max-height: 200px;overflow: auto;}.codebox dd {background: #f5f5f5;color: #C82626;}.codebox dd {background-color: #f0f0f0;
margin: .5em;padding: .5em;}.codebox dt {
border-bottom: 1px dotted #ddd;padding: .25em;}

Obs:. Coloque o código acima no inicio de teu CSS.

Atenciosamente,
Sennior.  Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por Mito_alonee em 08/03/14, 09:31 pm

nâo resultou '-'
avatar

Mito_alonee
Nível 8

Masculino
Inscrito dia : 05/07/2012
Mensagens : 133
Pontos Ativos : 244

Ver perfil do usuário http://reality-life.forumeiros.com/

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por HilterHP em 08/03/14, 10:12 pm

Olá amigo, poderia nos fonecer o forum de onde viu isso ?

OBS: Certifique-se que fórum e da forumeiros.

Atenciosamente,
HilterHP
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por Mito_alonee em 08/03/14, 10:36 pm

avatar

Mito_alonee
Nível 8

Masculino
Inscrito dia : 05/07/2012
Mensagens : 133
Pontos Ativos : 244

Ver perfil do usuário http://reality-life.forumeiros.com/

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por HilterHP em 08/03/14, 11:59 pm

Olá amigo, tente este código CSS

.postmain blockquote, .spoiler_content {
   background-color: #FFF;
   border: 1px solid #DDD;
   padding: 0.5em 1em;
   color: #000;
   border-radius: 5px;
   box-shadow: 0px 0px 10px #DDD inset, 1px 1px 2px #FFF;
}
.postmain blockquote {
   background-color: #FFF;
   border: 1px solid #DDD;
   padding: 0.5em 1em;
}

Spoiler:
Spoiler:
.codebox {
background: none repeat scroll 0% 0% #F5F5F5;
border-left: 10px solid #C82626;
box-shadow: 2px 2px 7px #808080;
}
.codebox {
background-color: #F0F0F0;
border: 1px dotted #DDD;
margin: 1em;
}
* {
margin: 0px;
padding: 0px;
}
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por Mito_alonee em 09/03/14, 01:30 am

nao resultou em nada ainda
avatar

Mito_alonee
Nível 8

Masculino
Inscrito dia : 05/07/2012
Mensagens : 133
Pontos Ativos : 244

Ver perfil do usuário http://reality-life.forumeiros.com/

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por Mito_alonee em 09/03/14, 03:57 pm

Up!
avatar

Mito_alonee
Nível 8

Masculino
Inscrito dia : 05/07/2012
Mensagens : 133
Pontos Ativos : 244

Ver perfil do usuário http://reality-life.forumeiros.com/

Resolvido Re: Como personalizar caixa de citação, spoiler e codigo

Mensagem por HilterHP em 12/03/14, 04:32 pm

Não sei mais como te ajuda, ja que este código ai não resultou
avatar

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

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