Tag code como fdf

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

Resolvido Tag code como fdf

Mensagem por -Pozz em Qui 16 Jan 2014 - 13:10

Qual é minha questão:
Eu tentei usar os códigos fornecidos em outros tópicos mas não resultaram.


Código:
 Quero como este


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

Versão do fórum:
PUNBB


Última edição por Koller em Qui 16 Jan 2014 - 13:57, editado 1 vez(es)

-Pozz
Membro do Fórum

Masculino
Inscrito dia : 29/08/2013
Mensagens : 1338
Pontos Ativos : 1853

Ver perfil do usuário http://visualart.ativoforum.com/

Resolvido Re: Tag code como fdf

Mensagem por iPrompt em Qui 16 Jan 2014 - 13:24

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.codebox {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(201, 210, 216);
    font-size: 1em;
    padding: 3px;
}
.codebox dt {
    background: url("http://i45.servimg.com/u/f45/12/05/75/97/script10.png") no-repeat scroll 0px 0px transparent;
    border: 0px none;
    color: rgb(3, 114, 190);
    font-size: 0.9em;
    padding-left: 22px;
    text-transform: none;
}
.codebox dd {
  background-color: rgb(255, 255, 255);
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tag code como fdf

Mensagem por JScript em Qui 16 Jan 2014 - 13:31

@Quakeline
O código que você passou não irá surtir o "efeito" desejado pelo autor do tópico!
Vou lhe dar um conselho: Para de copiar & colar pois não é somente dessa forma que poderás ajudar, aliás, essa não é a forma correta de ajudar!

@Koller
Ainda estamos avaliando um código para um um futuro tutorial ok?

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Tag code como fdf

Mensagem por iPrompt em Qui 16 Jan 2014 - 13:37

Olá,

Bom primeiramente que eu não copiei e colei, e eu testei o código antes e foi o mais perto que consegui chegar do desejado

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tag code como fdf

Mensagem por JScript em Qui 16 Jan 2014 - 13:49

@Quakeline
Na prática não alterou quase nada...

@Koller
Adicione o código abaixo em seu CSS:
Spoiler:
Código:

dl.codebox {
  background-color: #FFFFFF;
  border: 1px solid #C9D2D8;
  font-size: 1em;
  padding: 3px;
}
.codebox {
  display: block;
}
dl.codebox dt {
  background: url("http://i45.servimg.com/u/f45/12/05/75/97/script10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  color: #0372BE;
  font-size: 0.9em;
  padding-left: 22px;
  text-transform: none;
  display: block;
  font-weight: 700;
  margin-bottom: 3px;
}
a:link {
  color: #0372BE;
  text-decoration: none;
}
dl.codebox code {
  color: #2E8B57;
  display: block;
  font-family: Courier,CourierNew,sans-serif;
  font-size: 0.9em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  line-height: 1.3em;
  margin: 2px 0;
  max-height: 200px;
  overflow: auto;
  padding-top: 5px;
  white-space: normal;
}
.codebox dd {
  background-color: #FFFFFF !important;
  margin: 0.5em;
  padding: 0.5em;
}

Resultado:


Nota: Para ter o "Selecionar tudo", siga o tutorial deste link http://ajuda.forumeiros.com/t56727-tutorial-adicionando-selecionar-tudo-a-tag-code
Já para ter a numeração de linhas, terás que aguardar o que mencionei em minha mensagem anterior.

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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