Ajuda com detalhe no posicionamento de código

4 participantes

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

Tópico resolvido Ajuda com detalhe no posicionamento de código

Mensagem por Gilgamesh 19.09.13 22:21

Qual é minha questão:
Saudações Fórum dos Fóruns,

Como pode ser visto na imagem abaixo, cada número indicador de sua respectiva linha não está alinhado com o conteúdo da linha.

Ajuda com detalhe no posicionamento de código 19_09_2013_18_16_19

Gostaria de ajuda para corrigir este erro.

Códigos sendo usados:

Javascript:
Código:
jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}</style>");});
CSS:
Código:
.codebox dd {
color: #fff;
font-size: 12px;
line-height: 14px!important;
overflow-y:auto;
overflow-x:auto;
max-height:200px;
font-family: Courier New, Consolas !important;
background-color: #404040;
}


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

Versão do fórum:
PUNBB


Última edição por Gilgamesh em 19.09.13 23:42, editado 1 vez(es)
Gilgamesh

Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por Frєzy 19.09.13 22:24

Buenas!


Troque seu css por este :

Código:
.codebox dd {
color: #fff;
font-size: 12px;!important;
line-height: 13px!important;
overflow-y:auto;
overflow-x:auto;
max-height:199px;
font-family: Courier New, Consolas !important;
background-color: #404040;
}

O E o teu JS :

Código:
jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});jQuery(document).ready(function(){$("code").prepend("<style>.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,Bitstream Vera Sans Mono,Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,Bitstream Vera Sans Mono,Courier New;background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}</style>");});

Até zen 
Frєzy

Frєzy
***

Membro desde : 18/09/2013
Mensagens : 141
Pontos : 190

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por Gilgamesh 19.09.13 22:42

Obrigado pela atenção amigo, mas não houve resultado.

Se ajuda, uma página de testes fora publicada.


Obrigado.
Gilgamesh

Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por First 19.09.13 23:09

Olá,

Senhor, adicione este código em sua folha de estilo CSS:
Código:
.postbody dl.codebox pre {
padding: 0 5px!important;
margin-top: 0px!important;
}

Até mais.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por Gilgamesh 19.09.13 23:17

Quase,

Ajuda com detalhe no posicionamento de código 19_09_2013_19_16_08

Mas se você me disser que não dá pra ficar exato eu agradeço e dou o assunto como resolvido.

Grato.
Gilgamesh

Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por Konai 19.09.13 23:19

Saudações!

Substitua o código atual por este:
Código:
.postbody dl.codebox pre {
padding: 0 5px!important;
margin-top: -4px!important;
}
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: Ajuda com detalhe no posicionamento de código

Mensagem por Gilgamesh 19.09.13 23:30

Grato amigo Dokyo, mas não obtive resultado...

Ajuda com detalhe no posicionamento de código 19_09_2013_19_29_19
Gilgamesh

Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por First 19.09.13 23:32

Olá,

Senhor, deixe o meu código ativo, e adicione mais este código CSS:
Código:
.codebox dd {
line-height: 15px!important;
}
Até mais.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ajuda com detalhe no posicionamento de código

Mensagem por Konai 19.09.13 23:32

Saudações novamente!

No código:
.postbody dl.codebox pre {
padding: 0 5px!important;
margin-top: -4px!important;
}
Basta modificar o valor em negrito "4" diminuindo ou aumentando, até ficar ao teu gosto! Muito feliz

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: Ajuda com detalhe no posicionamento de código

Mensagem por Gilgamesh 19.09.13 23:42

Obtive resultados, grato camaradas First e Dokyo.
---
Gilgamesh

Gilgamesh
Hiper Membro

Membro desde : 24/08/2013
Mensagens : 2976
Pontos : 3970

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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