Ajuda com detalhe no posicionamento de código
4 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 • Compartilhe
Ajuda com detalhe no posicionamento de código
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.
Gostaria de ajuda para corrigir este erro.
Códigos sendo usados:
Javascript:
Endereço do meu fórum:
http://worldeditorbrasil.forumeiros.com
Versão do fórum:
PUNBB
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.
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>");});
- 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)
Re: Ajuda com detalhe no posicionamento de código
Buenas!
Troque seu css por este :
O E o teu JS :
Até
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é
Re: Ajuda com detalhe no posicionamento de código
Obrigado pela atenção amigo, mas não houve resultado.
Se ajuda, uma página de testes fora publicada.
Obrigado.
Se ajuda, uma página de testes fora publicada.
Obrigado.
Re: Ajuda com detalhe no posicionamento de código
Olá,
Senhor, adicione este código em sua folha de estilo CSS:
Até mais.
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.
Re: Ajuda com detalhe no posicionamento de código
Quase,
Mas se você me disser que não dá pra ficar exato eu agradeço e dou o assunto como resolvido.
Grato.
Mas se você me disser que não dá pra ficar exato eu agradeço e dou o assunto como resolvido.
Grato.
Re: Ajuda com detalhe no posicionamento de código
Saudações!
Substitua o código atual por este:
Substitua o código atual por este:
- Código:
.postbody dl.codebox pre {
padding: 0 5px!important;
margin-top: -4px!important;
}
Re: Ajuda com detalhe no posicionamento de código
Grato amigo Dokyo, mas não obtive resultado...
Re: Ajuda com detalhe no posicionamento de código
Olá,
Senhor, deixe o meu código ativo, e adicione mais este código CSS:
Senhor, deixe o meu código ativo, e adicione mais este código CSS:
- Código:
.codebox dd {
line-height: 15px!important;
}
Re: Ajuda com detalhe no posicionamento de código
Saudações novamente!
No código:
Até mais!
No código:
Basta modificar o valor em negrito "4" diminuindo ou aumentando, até ficar ao teu gosto!.postbody dl.codebox pre {
padding: 0 5px!important;
margin-top: -4px!important;
}
Até mais!
Re: Ajuda com detalhe no posicionamento de código
Obtive resultados, grato camaradas First e Dokyo.
---
---
Tópicos semelhantes
» Ajuda com posicionamento de subforuns
» Alterar pequeno detalhe no fórum
» Ajuda com código
» Ajuda no código
» Me ajuda com um código
» Alterar pequeno detalhe no fórum
» Ajuda com código
» Ajuda no código
» Me ajuda com um código
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