Какой интересный вариант. Сейчас поразбирал его. А такую картинку где создавали? В принципе в php скорее всего можно, но может проще как?

В браузере создавал, там код закомментированный есть в примере. Со станицы при помощи screengrab в firefox копировал.

Оригинальное решение ;)

Может быть, будет вариант без картинки?

При условии, что нужен Word Wrap, без картинки сверстать, наверное, не получится.

Один важный дядька как-то сравнивал пустое место между строками текста с коридорами, по которым читатель сможет вернуться назад к началу следующей строки.

Увеличьте, пожалуйста, для листингов кода интерлиньяж с 13px («1.1em») до 16px («normal»), а то блоки кода получаются не стройные, а скученные :)

Увеличил. Надеюсь, стало лучше?

Кстати, доделал подсветку блоков и строк

$.ajax({
  *!*
  data: myData,
  dataType: "json",
  */!*
  something
);
var b = *!*3+2*/!*

Подробнее - см. обновленную статью http://javascript.ru/formatting

Парсер преобразует смайлики в картинки, но в комментариях к коду, теги также преобразуются (в итоге текст <img ... />): http://javascript.ru/blog/subzey/Fir...t#comment-2675

Ну можно вместо картинки с числом писать само число в innerHTML. А чтобы выделение его не захватывало — вынести циферки куда-нибудь подальше от строк (в коде. Визуально вернуть "на базу" абсолютным позиционированием).

угу можно. ток позиционировать прийдется js'om

Позиционировать js'ом не надо. А вот задавать каждому (а можно и не каждому) номеру свою высоту — да.