Re^2: Change default style sheet: add line numbers (code)

Certainly! In the Display Settings page, the Code Listing Settings box has a field called "Code Prefix". In that box I have "&01; ". I like the line numbers to stand out, so I put 'em in red. The &01; bit tells PM to "put line number here".

Just in case anyone is interested (and for future reference), some other settings I'm using are:

General site purtifications
Display Settings / Theme Configuration / Theme Container: Perl-Blue Theme

Keep vote button at UL corner of screen
Display Settings / Style Sheet Settings / On-Site CSS Markup:

input[name="sexisgreat"] {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index:1;
  padding: 5px;
  border: 4px solid red;
}
[download]

Make "readmore" stuff obvious
Display Settings / Theme Configuration / Style Sheet Settings / On-Site CSS Markup:

div.readmore { background-color: inherit;
  padding-left: 4px;
  border-left-width: 5px;
  border-left-color: #00ff00;
  border-left-style: solid;
  margin-left: -9px;
}
[download]

Put the "I've Checked all these" button in the UL corner
Display Settings / Style Sheet Settings / On-Site CSS Markup:

input[name="viewedNewNodes"] {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index:1;
  padding: 5px;
  border: 4px solid green;
}
[download]

Make signatures stand out a bit
Display Settings / Style Sheet Settings / On-Site CSS Markup:
```
pmsig { background: #ff4040; }
[download]
```
I don't recall what this does for me
It looks like I wanted preformatted text to wrap, but I've seen no evidence that it does that. But it might be doing something that I don't know about, otherwise, why would I have left it in? ;^D Display Settings / Style Sheet Settings / On-Site CSS Markup:
```
pre { white-space: pre-wrap; }
[download]
```
Make certain monk's names prominent
The first one is me, the next is the normal template I use. I change the background color for different groups of monks. Groups like "asks interesting questions", "makes amusing comments" and whatnot. IIRC, there's a way to ignore monks this way, but I forgot what it is, as I'm not using it.
Display Settings / Style Sheet Settings / On-Site CSS Markup:
```
.user-533863 { background: #CCFFCC; font-weight: bold }
.user-###### { background: #FFCCCC; }
[download]
```
Computer-specific settings (like for $work or various home boxes
Display Settings / Style Sheet Settings / Link to External CSS stylesheet:
file:///path/used/on/all/my/computers/PM.css

None of this stuff is original, I've heard references on the chatterbox or noticed interesting nodes that provided these tips. I used to use a code formatter/syntax colorizer like the one tobyink references, but I abandoned that a few years ago when it went wonky on me and made page rendering take forever and a day.

Update: A few formatting tweaks I didn't notice before I clicked "create".

...roboticus

When your only tool is a hammer, all problems look like your thumb.

Comment on Re^2: Change default style sheet: add line numbers (code) Select or Download Code

Replies are listed 'Best First'.
Re^3: Change default style sheet: add line numbers (alternatives) by LanX (Saint) on Apr 01, 2015 at 12:20 UTC
> `<b><font color="red">&01;</font></b></p> ` Hm. .. I ignored that HTML tags could be injected too. Enclosing line numbers in a span which is hidden by a onselect JS handler could be a solution for unintended selection. Unfortunately no time for a prove of concept now. FWIW, the source view in metacpan is pretty neat, no selection of line numbers and syntax highlighting. Couldn't check yet how highlighting is implemented. š Cheers Rolf _{(addicted to the Perl Programming Language and ☆☆☆☆ :)} PS: Je suis Charlie! š) looks Perltidy'ish	[reply] [d/l]
Re^3: Change default style sheet: add line numbers (code) by Anonymous Monk on Apr 01, 2015 at 18:16 UTC
So your proposal has nothing to do with the default style sheet? Which is CSS?	[reply]
Re^4: Change default style sheet: add line numbers (code) by roboticus (Chancellor) on Apr 01, 2015 at 18:45 UTC
I'm not saying that at all. I'm simply not web savvy enough to know how it would be done. I was guessing(!) that it could be done easily with a style sheet (CSS) which should be a relatively minor change. I don't think that the feature would help enough to warrant any code changes. I tried viewing the page source for Re^2: Change default style sheet: add line numbers to see if I could figure out a way to modify my settings to make the line numbers not appear in a cut-and-paste, but wasn't able to do so in the limited time I had this morning. I may try again this evening, though. Update: I forgot to mention--when I made the suggestion originally, I was thinking it was a CSS thing 'cause I totally forgot about the setting I actually used...until someone asked for how I got the line numbers to appear and I reviewed my settings. ...roboticus When your only tool is a hammer, all problems look like your thumb.	[reply]
Re^5: Change default style sheet: add line numbers (counter-increment: codeLineCounter;) by Anonymous Monk on Apr 01, 2015 at 20:01 UTC
Well, I really thought CSS so I went looking and found it http://dev.w3.org/csswg/css-lists-3/#counters-without-boxes So with current perlmonks feature of a "code prefix" using `<i></i>` you get this chunk of html/css :) Read more... (3 kB)	[reply] [d/l] [select]
Re^6: Change default style sheet: add line numbers (ol li) by Anonymous Monk on Apr 01, 2015 at 20:09 UTC
Re^7: Change default style sheet: add line numbers (ol li) by ww (Archbishop) on Apr 02, 2015 at 11:21 UTC
Some notes below your chosen depth have not been shown here
Re^6: Change default style sheet: add line numbers (counter-increment: codeLineCounter;) by LanX (Saint) on Apr 02, 2015 at 10:13 UTC
Re^7: Change default style sheet: add line numbers (counter-increment: codeLineCounter;) by Anonymous Monk on Apr 02, 2015 at 10:56 UTC
Some notes below your chosen depth have not been shown here