My Account

Thanks For Your Feedback!

Email
Subject
Message
Five plus seven is? (answer as number)

Content Highlight

Sunday, 16 October 2011 06:40
Posted in Typography
Written by  Read 2093 times
Rate this item
(0 votes)

Example page with text highlight and code wrapping with sample code.

Text Highlight

This is a highlight phrase.
Use <span class="highlight">Your highlight phrase goes here!</span>.

Code Wrapping

Below is a sample of <pre> tag or code class:

Example with Sample Code
<div class="typo-pre-title">Code Title</div>
<pre>Your code goes here, and 
replace < symbols with &lt; </pre>

You can also use this as a fancy content box.

Example with Sample Code

<div class="typo-pre-title">Code Title</div>
<div class="contents">Your HTML content goes here</div>

Code Highlight

Thanks to Syntax Highlighter by Alex Gorbatchev, now you can use {code} ..your code goes here.. {/code}

Example:

	<style>
	#rightcol {
		width: 180px;
		float: right;
		color: #EEEEEE;
	}
	</style>

Last modified on Monday, 21 May 2012 10:50