Efeito neon em códigos

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

Resolvido Efeito neon em códigos

Mensagem por Koelho em 17/03/13, 04:02 pm

Qual é minha questão:
Olá! Eu vi um tópico que havia a mesma coisa que eu queria, porém em Spoiler, e também em Quotes! Eu gostaria de saber como fazer o mesmo efeito em Códigos.

Imagem:

Versão: PHPBB3

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

Versão do fórum:
PHPBB3
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Efeito neon em códigos

Mensagem por Gaaratsu em 17/03/13, 04:12 pm

Olá querido,

Poderia disponibilizar o código do fórum que viu o efeito?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Efeito neon em códigos

Mensagem por Koelho em 17/03/13, 04:16 pm

Bem, eu não o tenho! mas eu tenho o que eu utilizei nos spoilers e quotes:
Código:
.codebox.spoiler{-moz-border-radius:15px;-moz-box-shadow:0 0 20px #292e2f;-webkit-border-radius:15px;-webkit-box-shadow:0 0 20px #141717;background-color:#FFF;border:1px solid #000000}
.content blockquote {color: #292e2f;}blockquote, blockquote blockquote, blockquote blockquote blockquote {-moz-border-radius: 15px;-moz-box-shadow: 0 0 20px #141717;-webkit-border-radius: 15px;-webkit-box-shadow: 0 0 20px #000000;background-color: white;border: 1px solid #141717;}blockquote {background: #url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;border: 1px solid #292e2f;font-size: .95em;margin: 1em 1px 1em 25px;overflow: hidden;padding: 5px;}
Estão os dois aí.
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Efeito neon em códigos

Mensagem por Gaaratsu em 17/03/13, 04:32 pm

Olá querido,

Adicione ao teu CSS, este código:
Código:
.codebox dt {
padding-left: 8px;
border-radius: 7px;
background-image: url(http://i17.servimg.com/u/f17/18/06/29/67/fundoc10.png);
}
dl.codebox {
-moz-border-radius: 15px;
-moz-box-shadow: 0 0 20px #292e2f;
-webkit-border-radius: 15px;
-webkit-box-shadow: 0 0 20px #141717;
background-color: #FFF;
border: 1px solid #000;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image: initial;
font-size: 1em;
padding: 3px;
}
.codebox {
display: block;
}
dl.codebox dt {
border-bottom: none;
margin-bottom: 0px;
}
dl.codebox dt {
border-bottom: 1px solid rgb(204, 204, 204);
display: block;
font-size: 0.8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Efeito neon em códigos

Mensagem por Koelho em 17/03/13, 04:36 pm

Obrigado!
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Efeito neon em códigos

Mensagem por Sennior em 18/03/13, 01:59 pm

Saudação!

Use este código:

Código:
.codebox{-moz-border-radius:15px;-moz-box-shadow:0 0 20px #292e2f;-webkit-border-radius:15px;-webkit-box-shadow:0 0 20px #141717;background-color:#FFF;border:1px solid #000000}

Até mais!
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

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