Giving a Code Number to MyBB Code Boxes

Novruz · 02-04-2019, 06:27 AM

This modification will enumerate the lines of code inserted between the [code *] [/ code *] and

PHP Code:
[/ php *] tags in the "DVZ Code tag plugin" style. I would like to ask you to name the producer when sharing it on a different site. eg Modification Maker: Novruz
[img]http://i.hizliresim.com/EDZMnA.png[/img]


[spoiler]Admin KP> Themes and templates> Templates> Template set of the theme you're using> Postbit Templates> postbit> add the following codes to the bottom
[php]<script>$('code').html('<table>'+$.map($('code').text().split('\n'), function(t, i){
  return '<tr><td>'+(i+1)+'</td><td>'+t+'</td></tr>';
}).join('')+'</table>');</script> 

Admin KP> Themes and templates> Use theme> global.css> Advanced editing> add the following codes at the bottom.

PHP Code:
.codeblock{
  background:#f5f2f0;!important
}

code table {
  font-family : courier;
  padding: 2px;
}

code table td:nth-child(1) {
  color:#777;
  border-right: 1px solid #ccc;
}

code::-webkit-scrollbar{
  background: #e3e3e3;
  width:initial;
  border-left: 1px solid grey;
}


code::-webkit-scrollbar-thumb {
  background: darkgrey; 
}

code::-webkit-scrollbar-thumb:hover {
  background: grey; 
} 

[/spoiler]
[/php]

Giving a Code Number to MyBB Code Boxes

Submitted by Novruz, 02-04-2019, 06:27 AM, Thread ID: 127073

RE: Giving a Code Number to MyBB Code Boxes