[Solved] Adding Line Numbers to code?

• Description:

How to add a Line Numbers to code? demo:

https://2img.net/h/s30.postimg.cc/og5zxhdi9/screenshot_16.png

thanks

---

• Information:

Forum:	www.exiled.wow3.info	Version:	PUNBB
Type:	Request a code	Tags:	Adding,Numbers,code?

Put this code in javascript.

Code:

[panda=js]    $(function(){
          var codes = document.getElementsByTagName('code');
          for(var i = 0, l = codes.length; i<l; i++)  codes[i].innerHTML = '<ol class="LGlines"><li>' + codes[i].innerHTML.split(/\<br\s?\/?\>/).join('</li><li>') + '</li></ol>';
        });

don't work... why?

Maybe if your forum version is not in English? In that case you need to change [ic]getElementsByTagName('code');[/ic] equal to your language.

Rapid wrote:[link="/t511-adding-line-numbers-to-code#3065"]Maybe if your forum version is not in English? In that case you need to change [ic]getElementsByTagName('code');[/ic] equal to your language.

my forum language is english...

nobody?

Put in your css:

Code:

[panda=css].LGlines {
    border-left: 2px solid #008000;
    left: 50px;
    list-style-type: decimal-leading-zero;
    margin: 4px 0px;
    padding: 1px 10px;
    position: relative;
}

So now the previous code should work.

Now it works. Codes can be colored?

Micul`Wji wrote:[link="/t511-adding-line-numbers-to-code#3080"]Now it works. Codes can be colored?

Why don't you just use this tutorial, you'll get all these features.

I followed that tutorial but not all codes are colored. Why?

demo: https://2img.net/h/s30.postimg.cc/9fhy4tfvl/screenshot_21.png

Because it's a syntax, and it only colors the variables.

I understand
But that is not the main problem the problem is that the bar does not appear numbered lines,

demo: https://2img.net/h/s30.postimg.cc/r1uencdcx/screenshot_21.png

Thanks Solved now!

[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]