I wrote a blog earlier to day with lots of source code and comments in it. I wanted the program code that I included to really standout and be very readable and easy to copy/paste. The current CSS layout uses <PRE> which gives me a nice way of marking blocks of code and displaying them. When I put <pre>around something</pre> it already looks reasonably nice:
But I really wanted the the code to POP out - so delved into the world of theming Drupal. I soon, discovered that it's not as complicated as you might think.
So lets replace the <PRE> CSS tag with a new one to make code quotes automagically look like this:
The nice effect of changing the drupal themes CSS is that it takes effect immediately and covers everything on the site.