Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito neon em códigos
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito neon em códigos
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
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
Re: Efeito neon em códigos
Olá querido,
Poderia disponibilizar o código do fórum que viu o efeito?
Até mais.
Poderia disponibilizar o código do fórum que viu o efeito?
Até mais.
Re: Efeito neon em códigos
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;}
Re: Efeito neon em códigos
Olá querido,
Adicione ao teu CSS, este código:
Até mais.
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.
Re: Efeito neon em códigos
Saudação!
Use este código:
Até mais!
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!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos