Efeito neon em códigos

3 participantes

Ir para baixo

Tópico resolvido Efeito neon em códigos

Mensagem por Koelho 17.03.13 19:02

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: Efeito neon em códigos V6YYu

Versão: PHPBB3

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

Versão do fórum:
PHPBB3
Koelho
Koelho
Novo Membro

Membro desde : 17/03/2013
Mensagens : 23
Pontos : 37

http://constructbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito neon em códigos

Mensagem por Konai 17.03.13 19:12

Olá querido,

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

Até mais. Piscada
Konai
Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito neon em códigos

Mensagem por Koelho 17.03.13 19:16

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://2img.net/i/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í.
Koelho
Koelho
Novo Membro

Membro desde : 17/03/2013
Mensagens : 23
Pontos : 37

http://constructbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito neon em códigos

Mensagem por Konai 17.03.13 19:32

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
Konai
Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito neon em códigos

Mensagem por Koelho 17.03.13 19:36

Obrigado!
Koelho
Koelho
Novo Membro

Membro desde : 17/03/2013
Mensagens : 23
Pontos : 37

http://constructbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito neon em códigos

Mensagem por Sennior 18.03.13 16:59

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos