CSS for programming/console

• 

  aeriaglorisse · Member · Oct 7, 2013 at 6:13 am

  • Copy link
  • Add topic to favorites

  I have seen several blogs (for instance http://www.rackaid.com/resources/how-to-harden-or-secure-ssh-for-improved-security/) that have css styled for console or programming examples. Unfortunately, it is quite hard to search for css for “code” or “programming” as it pulls up enormous amounts of unrelated information. For the theme Twenty Twelve, is there any included class definitions that would allow me to easily set up a “pre” block as seen in the example? If not, does anyone have example css to look at for this sort of example?

  The blog I need help with is: (visible only to logged in users)

• 

  marianojmiguel · Member · Oct 7, 2013 at 5:57 pm

  • Copy link

  Hi @aeriaglorisse, you can use the “code” shortcode to post syntax-highlighted code:

  [code language="css"]
  your code here
  [/code]

  The following languages are supported:

  actionscript3, bash, clojure, coldfusion, cpp, csharp, css, delphi, erlang, fsharp, diff, groovy, html, javascript, java, javafx, matlab, objc, perl, php, text, powershell, python, r, ruby, scala, sql, vb and xml
  

  For more information, take a look at http://en.support.wordpress.com/code/posting-source-code/

• 

  aeriaglorisse · Member · Oct 7, 2013 at 6:58 pm

  • Copy link

  Thank you that was what I was looking for.