Adding Code Blocks Using CSS

Mmm, that's good code.

Adding code blocks to your blog makes it easier for your readers to decipher content from code. There are a wide rage of solutions ranging from simple CSS boxes to JavaScript libraries like Syntax Highlighter that perform on the fly client side syntax highlighting for a multitude of languages.

I chose the former due to its simplicity. If I end up posting a lot of code on this blog I will consider a JavaScript Library. Here is an excerpt from the global.css file that is used on this site to create a code block: 

.postCode{
	background:lightyellow none repeat scroll 0 0;
    	border:1px inset orange;
    	margin:10px;
	overflow:auto;
	padding:6px;
	text-align:left;
}

Here is an example of how to use the above code: 

<pre class="postCode">
	<!-- content here -->
</pre>

Comments

Logo designs (12 Apr 2010)

[...]Another great post..[...]

writing services (14 Apr 2010)

I think you are right. Using code will help readers decipher the content from code. Thanks for the share!

JN0-331 exam (19 Apr 2010)

Thanks

EC0-350 exam (19 Apr 2010)

Thanks

designer wedding dress (26 Apr 2010)

Using code will help readers decipher the content from code. Thanks for the share!

ghd (30 Apr 2010)

i like your blog very much.

<a href="http://www.hghdoctor.com">ghd</a>
<a href="http://www.hghdoctor.com">cheap ghd</a>
<a href="http://www.hghdoctor.com">ghd straighteners</a>

<a href="http://www.christianlouboutinspace.com">christian louboutin shoes</a>
<a href="http://www.christianlouboutinspace.com">christian louboutin</a>
<a href="http://www.christianlouboutinspace.com">cheap christian louboutin shoes</a>
<a href="http://www.christianlouboutinspace.com">discount christian louboutin</a>

balenciaga handbags (06 May 2010)

I think you are right. Using code will help readers decipher the content from code. Thanks for the share!

nfl jerseys (10 May 2010)

i like this post, very good and contains so many helpful things!
good for everybody who see it.

cheap nfl jerseys (10 May 2010)

thank you for your post, like you blog very much.

wholesale nfl jerseys (10 May 2010)

thank you for your post, like you blog very much.

soccer jerseys (10 May 2010)

if you like,you willl prefer it.

ghd (10 May 2010)

like what every you like is this blog.

christian louboutin (10 May 2010)

love to see the topic explained in this amazing

mbt shoes (10 May 2010)

love to see the topic explained in this amazing

Zaim AKINOZ (13 May 2010)

thanks a lot.

5.11 pants (30 May 2010)

I am glad that people are stepping up and doing something about it.

air jordan shoes (02 Jun 2010)

<a href="http://www.airjordanshoescheap.com/"> airjordanshoes </a>

birkenstock (06 Jun 2010)

Birkenstock is a German brand of sandals and other shoes, notable for their contoured cork and rubber footbeds which conform somewhat to the shape of their wearers' feet. Birkenstock shoes have deep heel cup to ensure proper weght distribution and foot alignment. You can wear Birkenstock sandals to everywhere you want to. Latest Birkenstocks are on nearly 50% discount in http://www.digdig-birkenstock.com . Free shipping worldwide!
http://www.digdig-birkenstock.com birkenstock shoes
http://www.digdig-birkenstock.com birkenstock
http://www.digdig-birkenstock.com birkenstock sandals
http://www.digdig-birkenstock.com birkenstocks
http://www.digdig-birkenstock.com birkenstock gizeh

nfl jerseys (08 Jun 2010)

You know that <em><a href="http://www.silverings.uk.com/">tiffany jewelry</a></em> are more and more popular in those years. It’s a highly popular that with the improvement of <strong><a href="http://www.popouch.com/">louis vuitton handbags</a></strong> into a new style. Recently, <a href="http://www.hoopway.com/">nike shoes</a> are the best seller for businessmen. Because of its flavor restoring ancient ways, and do so strong technological innovations. At the same time, <strong><a href="http://www.yofollow.com/">nfl jerseys</a></strong> is also rising, and <a href="http://www.heelfeast.uk.com/">christian louboutin</a> is also sells well, people who want beautiful posture like to choose it, meanwhile, <a href="http://www.uniquecool.uk.com/">ed hardy</a> will definitely attract your eye，<em><a href="http://www.silverings.uk.com/">tiffany jewellery</a></em> to its unique design also deeply loved by everyone.

discount mbt shoes (12 Jun 2010)

http://www.skechers-shape-ups.com shape ups shoes
http://www.cheap-mlb-jerseys.com mlb jerseys
http://www.wholesale-mlb-jerseys.com wholesale mlb jerseys
http://www.mbtshoppingnow.com mbt shoes
http://www.chicheapwholesale.com chi
http://www.shapeupshoeswholesale.com skechers shape ups
http://www.fitnessshoeswholesale.com mbt shoes
http://www.easytone-reebok.com reebok easytone
http://www.exerciseshoeswholesale.com reebok easy tone
http://www.overbestshop.com tory burch
http://www.vibramfivefingersstore.com vibram five fingers
http://www.christianlouboutinbooties.com christian louboutin
http://www.edhardywholesaler.com ed hardy
http://www.edhardy-christianaudigier.com ed hardy
http://www.worldcupjerseys2010.com world cup jerseys
http://www.bestmlbjerseys.com wholesale mlb jerseys
http://www.worldcupfootballjersey.com 2010 world cup jerseys
http://www.youruggstore.com ugg boots
http://www.vibramfivefingerswholesale... vibram five fingers
http://www.mlbbaseballjerseys.com mlb jerseys
http://www.cheapmbtsneakers.com mbt
http://www.exercisesneakers.com mbt shoes
http://www.ghd-chi-wholesale.com ghd hair straightener
http://www.ghdbulk.com ghd
http://www.genuineuggboot.com ugg boots
http://www.uggboots.hk ugg boots
http://www.americanjerseys.com jerseys
http://www.uggbootshongkong.com ugg boots
http://www.ugg-factory-store.com ugg boots
http://www.official-nfl-jerseys.com nfl jerseys
http://www.soccer-jerseys-wholesale.com Wholesale jerseys
http://www.expensiveuggboots.com ugg boots
http://www.realuggboots.com ugg boots

mbt shoes (16 Jun 2010)

<a href="http://www.mbt-usa.com">mbt</a> bring health and <a href="http://www.mbt-usa.com">MBT Walking shoes</a> make people attention to the right walking posture .<a href="http://www.mbt-usa.com/mbt-mwalk-black-mens-shoes-p-99.html">MBT M.Walk Black</a> and <a href="http://www.mbt-usa.com/">MBT shoes uk</a> were invented by a Swiss engineer, Karl Muller. During a visit to Korea, he found walking barefoot in the paddy fields alleviated his back pain.

led tube (21 Jun 2010)

Thanks for your blog, big help.

mbt shoes (21 Jun 2010)

你好！博客狠棒discount <a href="http://www.my-cheapshoes.com/">MBT Shoes</a> on sale!
<a href="http://www.my-cheapshoes.com/">MBT Sandals</a>
<a href="http://www.my-cheapshoes.com/mbt-sandals-c-80.html">MBT Sandals</a>
<a href="http://www.my-cheapshoes.com/nike-air-max-2010-c-78.html">nike air max 2010</a>
discount<a href="http://www.my-cheapshoes.com/mbt-chapa-shoe-womens-mbt-chapa-shoe-c-65_67.html">Womens MBT Chapa Shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-lami-shoe-c-74.html">MBT Lami Shoe</a>
<a href="http://www.my-cheapshoes.com/kobe-shoes-c-79.html">kobe shoes</a>
<a href="http://www.my-cheapshoes.com/">mbt lami shoes</a>
<a href="http://www.my-cheapshoes.com/">mbt lami shoe</a>
<a href="http://www.my-cheapshoes.com/">MBT Shoes</a>
<a href="http://www.my-cheapshoes.com/">cheap mbt shoe</a>
<a href="http://www.my-cheapshoes.com/">MBT Sport</a>
<a href="http://www.my-cheapshoes.com/mbt-lami-shoe-c-74.html">MBT Lami</a>
<a href="http://www.my-cheapshoes.com/nike-air-max-2010-c-78.html">air max 2010</a> save money!

<a href="http://www.my-cheapshoes.com/mbt-chapa-shoe-c-65.html">Mbt Chapa shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-chapa-shoe-mens-mbt-chapa-shoe-c-65_66.html">Mens Mbt Chapa shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-chapa-shoe-womens-mbt-chapa-shoe-c-65_67.html">Womens MBT Chapa Shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-lami-shoe-c-74.html">MBT Lami Shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-mwalk-shoes-c-68.html">MBT M.Walk shoes</a>
<a href="http://www.my-cheapshoes.com/mbt-mwalk-shoes-mens-mbt-mwalk-shoes-c-68_69.html">Mens MBT M.Walk shoes </a>
<a href="http://www.my-cheapshoes.com/mbt-mwalk-shoes-womens-mbt-mwalk-shoes-c-68_70.html">Womens MBT M.Walk shoes</a>
<a href="http://www.my-cheapshoes.com/mbt-soprt-shoes-c-71.html">MBT Soprt Shoes</a>
<a href="http://www.my-cheapshoes.com/mbt-soprt-shoes-men-mbt-soprt-c-71_72.html">Men MBT Soprt</a>
<a href="http://www.my-cheapshoes.com/mbt-soprt-shoes-women-mbt-soprt-c-71_73.html">Women MBT Soprt</a>
<a href="http://www.my-cheapshoes.com/mbt-chapa-shoe-c-65.html">Mbt Chapa</a>
<a href="http://www.my-cheapshoes.com/mbt-lami-shoe-c-74.html">MBT Lami</a>
<a href="http://www.my-cheapshoes.com/mbt-mwalk-shoes-c-68.html">MBT M.Walk</a>
<a href="http://www.my-cheapshoes.com/mbt-soprt-shoes-c-71.html">MBT Soprt</a>
<a href="http://www.my-cheapshoes.com/mbt-tembea-shoe-c-76.html">Mbt Tembea Shoe</a>
<a href="http://www.my-cheapshoes.com/mbt-tataga-shoe-c-77.html">Mbt Tataga Shoe</a>
<a href="http://www.my-cheapshoes.com/>nike air max shoes</a>
<a href="http://www.my-cheapshoes.com/>nike air max</a>
<a href="http://www.my-cheapshoes.com/>air max 2010</a>
<a href="http://www.my-cheapshoes.com/nike-air-max-2010-c-78.html">nike air max 2010</a>
<a href="http://www.my-cheapshoes.com/nike-air-max-2010-c-78.html">air max 2010</a> sale!

Gucci Men High Shoes (21 Jun 2010)

koam
Now that <a href="http://www.buyjordanshop.com/">Jordan Sneakers</a> has won his fifth NBA title, the sports world's talking heads are going to have a field day with the <a href="http://www.coachhandbagszone.com/">Coach Outlet Store</a> comparisons. Maybe if they take a look at all the different symbols etched into these new Air Jordan Accolades, they'll realize that the combination of timing and utter brilliance have placed Michael Jordan at the top of the game of basketball, probaby forever. The Jordan Accolades Laser includes reminders of everything from the groundbreaking <a href="http://www.cheapcoachonsale.com/">Coach Handbags</a>, to the 'God Disguised as Michael Jordan' game, all the way through to the '<a href="http://www.pickguccishoes.com/">Gucci Bags</a>' and a few years later when <a href="http://www.mbtshoesselling.com/">MBT Sneakers</a> was a Wizard. The moments of greatness are too numerous to mention, but you can see more closeups of the upcoming <a href="http://www.lovejordanshoes.com/">Air Jordan Shoes</a> after the jump.

Gucci Men High Shoes (21 Jun 2010)

yt

term papers (23 Jun 2010)

thanks for the info it will surely can help me a lot

Cheers

lug nuts (23 Jun 2010)

cool

gucci shoes (24 Jun 2010)

i like it

bizjerseys_com (25 Jun 2010)

good!

Microsoft Office 2007 (25 Jun 2010)

<a href="http://www.softwares-supplier.com/">MS Office 2007 Professional</a>
<a href="http://www.softwares-supplier.com/">MS Office 2007 Ultimate</a>
<a href="http://www.softwares-supplier.com/">Office 2007 Pro</a>
<a href="http://www.softwares-supplier.com/microsoft-office-c-1.html">Office Professional 2007</a>
<a href="http://www.softwares-supplier.com/microsoft-office-c-1.html">Office Ultimate 2007</a>
<a href="http://www.softwares-supplier.com/">Office 2007 key</a>
<a href="http://www.softwares-supplier.com/">Office 2007 enterprise</a>
<a href="http://www.softwares-supplier.com/">MS Office 2007</a>
<a href="http://www.softwares-supplier.com/quickbooks-pro-2010-p-28.html">Quickbooks 2010</a>
<a href="http://www.softwares-supplier.com/quickbooks-pro-2010-p-28.html">Quickbooks Pro 2010</a>
<a href="http://www.softwares-supplier.com/windows-7-c-2.html">Windows 7 Home Premium</a>
<a href="http://www.softwares-supplier.com/windows-7-c-2.html">Windows 7 Professional</a>

handbags (26 Jun 2010)

good post.

mbt (29 Jun 2010)

最近、MBTシューズ東京でも人気のようだ。私もMBT CHAPA が頻繁に靴を履いている、名前は優れています。MBTはMasai　Barefoot　Technologyです。アフリカのマサイ族の人々がどのようにが平坦ではないとソフトは裸足地面の上を歩くために歩いて、彼らはさらは、なぜMBT靴技術開発と歩いて、それらを再現する。

gucci bags (30 Jun 2010)

the code blocks

jordan retro shoes (03 Jul 2010)

Interesting content it really helps me.

tory burch shoes (04 Jul 2010)

thank you my friend to share with it

nike air max (07 Jul 2010)

good post

nike shoes (07 Jul 2010)

good post

jordan shoes (07 Jul 2010)

good

buynflshop (08 Jul 2010)

http://www.buynflshop.com/Category/81... Baltimore Ravens Jerseys
http://www.buynflshop.com/Category/97... Arizona Cardinals Jerseys
http://www.buynflshop.com/Category/98... Buffalo Bills Jerseys

Friendship in your locality (12 Jul 2010)

nice css code blocks

max 90 (12 Jul 2010)

[url=http://www.hghdoctor.com][b]ghd hair straighteners[/b][/url] and [url=http://www.jerseylink.com][b]nfl jerseys[/b][/url],
we offer 100% authentic prodcuts, [url=http://http://www.shoeglobal.com][b]nike shox shoes[/b][/url]online.

wedding (14 Jul 2010)

<a href="http://chooseclothes.com/clothes/">choose clothes</a>
<a href="http://www.juicycoutureinfo.com">clothes info</a>
<a href="http://www.edkiss.com">edkiss</a>
<a href="http://www.collectbag.com">collect bag</a>
<a href="http://www.bagforwomen.com">bag for women</a>
<a href="http://www.guideshoes.com">buy shoes</a>
<a href="http://www.linksjewel.org/">jewellery blog</a>
<a href="http://abercrombie2u.com/">fashion life</a>
<a href="http://www.paulsmithsky.co.uk">good life</a>

ed hardy (19 Jul 2010)

Do you want to lead a fashionable and happy life? http://www.coachusamall.com/ coach handbags
Do you want to have a new apperance that show you life standard? http://www.airyeezyshoes.org/ air yeezy shoes
If you are looking for the leading brand in denim right now, look at http://www.edhardyukshop.com/ ed hardy
Do not believe me? Just look at the http://www.christianlouboutinice.com/ Christian louboutin shoes
Are you believe http://www.airyeezykicks.com/ air yeezy is the value of a collection of best sellers
Summer is coming! Ed Hardy for sale Season is coming! http://www.visvimshoeshop.com/ visvim shoes
There is no doubt that http://www.ghdhotpink.com/ghd-gold-st... cheap ghd straightener have become the hottest cloth in 2009 clothing market.
And do you want to different from people around you ? http://www.af1dunksb.com/ nike dunk sb So, please find and choose what you want, good commedities and better quality, you have to love them, http://www.mbtshoesking.com/ mbt shoes
hurry up !You noticed that your life pace have accerelated very fast in the past several years, http://www.edhardyuksale.com/ ed hardy clothing and you may feel annoyed because all the people around you persuit a highly life standard . They buy fashionable clothes, handbag, persume and so on. http://www.supramenshoes.com/ supra shoes I think you have no need worring this situation, you also have this chance to buy the fashionable and cheap things. It’s a good chance! Action now! http://www.asciskicks.com/ asics onitsuka tiger

cheap mac makeup (19 Jul 2010)

Your blog appears quite informative. I liked it. So much useful material. I read with great interest.Can you please tell me how can I read your rss blog?

discount mac cosmetics (19 Jul 2010)

I was wondering if you ever considered changing the layout of your blog? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having one or two images. Maybe you could space it out better?

p90x sale (21 Jul 2010)

My friend suggested me to visit your blog. Very well explained. I would like to say that it is very interesting to read your blog.Thanks for the write up! This is really some great stuff here!

wholesale p90x dvd sets (21 Jul 2010)

Wonderful site, where did you come up with the information in this article? I'm happy I found it though, ill be checking back soon to see what other articles you have.

p90x dvds (21 Jul 2010)

Thanks for writing this. I really feel as though I know so much more about this than I did before. Your blog really brought some things to light that I never would have thought about before reading it. You should continue this, Im sure most people would agree youve got a gift.

p90x for sale (21 Jul 2010)

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon.

yabancı müzik dinle (21 Jul 2010)

this is very useful information, thank you..

louis vuitton bags (24 Jul 2010)

t people are stepping up and doing something about it.

cheap oboots on sale (25 Jul 2010)

It's a interesting news,i like it.Additionally,wellcome to my website <strong><a href="http://www.oboots.com">oboots</a></strong>.There are so many cheap ugg boots such as:
<a href="http://www.oboots.com">ugg uk</a><a href="http://www.oboots.com">uggs on sale</a><a href="http://www.oboots.com">cheap ugg boots</a><a href="http://www.oboots.com">ugg classic boots</a>
<a href="http://www.oboots.com/ugg-bailey-button-boots-c-451.html">ugg bailey button</a>|<a href="http://www.oboots.com/ugg-bailey-button-boots-c-451.html">ugg bailey button boots</a>|<a href="http://www.oboots.com/ugg-classic-argyle-knit-boots-c-468.html">ugg argyle knit</a>|<a href="http://www.oboots.com/ugg-classic-argyle-knit-boots-c-468.html">ugg argyle knit boots</a>|<a href="http://www.oboots.com/ugg-classic-cardy-boots-c-453.html">ugg cardy</a>|<a href="http://www.oboots.com/ugg-classic-cardy-boots-c-453.html">ugg classic cardy boots</a>|<a href="http://www.oboots.com/ugg-classic-crochet-boots-c-457.html">ugg crochet</a>|<a href="http://www.oboots.com/ugg-classic-crochet-boots-c-457.html">ugg crochet boots</a>|<a href="http://www.oboots.com/ugg-classic-flower-boots-c-474.html">ugg flower</a>|<a href="http://www.oboots.com/ugg-classic-flower-boots-c-474.html">ugg flower boots</a>|<a href="http://www.oboots.com/ugg-classic-tall-boots-leopard-5684-p-12355.html">ugg leopard</a>|<a href="http://www.oboots.com/ugg-classic-tall-boots-leopard-5684-p-12355.html">ugg leopard boots</a>|<a href="http://www.oboots.com/ugg-classic-tall-boots-leopard-5684-p-12355.html">UGG Classic Tall Leopard</a>|<a href="http://www.oboots.com/ugg-classic-tall-boots-leopard-5684-p-12355.html">UGG Classic Tall Leopard boots</a>|<a href="http://www.oboots.com/ugg-classic-mini-boots-c-456.html">ugg mini</a>|<a href="http://www.oboots.com/ugg-classic-mini-boots-c-456.html">ugg classic mini boots</a>|<a href="http://www.oboots.com/ugg-classic-paisley-boots-c-470.html">ugg paisley</a>|<a href="http://www.oboots.com/ugg-classic-paisley-boots-c-470.html">ugg paisley boots</a>|<a

Red Bull Hats (25 Jul 2010)

我喜欢这个！！ = I LIKE IT !!
I don’t know what to say except that I have enjoyed
reading.Nice blog,I will keep visiting this blog very often. http://www.caphatshop.com

women air max (25 Jul 2010)

The 2010 FIFA World Cup is right around the corner,<a href="http://www.airmaxrunning.com/"><strong>nike air max</strong></a> has been releasing footwear to coincide with the world's watched sporting event,Therefore, production of new and different styles of <a href="http://www.airmaxrunning.com/"><strong>air max shoes</strong></a>,<a href="http://www.airmaxrunning.com/"><strong>nike air max shoes</strong></a>

nike max 2009 (25 Jul 2010)

<a href="http://www.my-nikeshoes.com/"><strong>nike air max</strong></a> is a favorite every young sports shoes. For the pursuit of the young you, having a pair of <a href="http://www.my-nikeshoes.com/"><strong>air max shoes</strong></a>, is the most obvious symbol. Come to our store to buy <a href="http://www.my-nikeshoes.com/nike-air-max-2009-c-284.html"><strong>nike air max 2009</strong></a>, we are carrying out promotional activities

Air Max 95 (27 Jul 2010)

My friend suggested me to visit your blog. Very well explained. I would like to say that it is very interesting to read your blog.Thanks for the write up! This is really some great stuff here!

discount air max (27 Jul 2010)

This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work.

gucci handbags (27 Jul 2010)

Every time when I get tired of the work, I like to image I can have a jorney. Taking off my<a href="http://louboutindiscounting.com/ ">christian louboutin</a> and have a leasure sport shoes like the<a href="http://www.mbttrainersshoes.com/">mbt walking shoes</a> ,<a href="http://www.mbttrainersshoes.com/mbt-changa-shoes-c-26.html">mbt changa shoes</a> ,<a href="

p90x for sale (30 Jul 2010)

I am not much into reading, but somehow I got to read nice information on your site. Simple to understand and helpful. We will look forward for your future updates.Thanks!

cheap clothes (30 Jul 2010)


Wow! Some amazing effects. Definitely some great ideas here. Thanks for sharing!

Add your comment

No HTML. Line breaks and URLs will automatically be converted.

(private)