Typography

Monday, 24 March 2008 11:05

Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

H1: Lorem ipsum dolor sit amet

H2: Lorem ipsum dolor sit amet

H3: Lorem ipsum dolor sit amet

H4: Lorem ipsum dolor sit amet

H5: Lorem ipsum dolor sit amet

H6: Lorem ipsum dolor sit amet

Lists

Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

Ordered List

1. This is a sample Ordered List.
2. Lorem ipsum dolor sit amet consectetuer.
3. Condimentum quis.
4. Congue Quisque augue elit dolor nibh.

Unordered List

• This is a sample Unordered List.
• Condimentum quis.
• Congue Quisque augue elit dolor.
• Nunc cursus sem et pretium sapien eget.

Definition List

This is a sample Definition List.

Condimentum quis.

Congue Quisque augue elit dolor.

Nunc cursus sem et pretium sapien eget.

Definiton Lists are important

Condimentum quis.

Congue Quisque augue elit dolor.

Nunc cursus sem et pretium sapien eget.

Unordered List with class checklist

<ul> with class="checklist"

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Unordered List with class arrow

<ul> with class="arrow"

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

Other Typo

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

BlockQuotes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas a lorem. Morbi libero orci, luctus non, pharetra egestas, fermentum vitae, nunc.

BlockQuote Author

Highlight

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

Dropcaps

This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Drimia bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words.

Codes

Below is a sample of <pre>

#icetheme a{
	position:absolute;
	top:0;
	right:0;
	display: block;
	width: 101px;
	height: 102px;
	background: transparent url(../images/icetheme.png);
    }

Tables

Forms

Fusce erat nisl, facilisis vel, dignissim in, convallis a, sapien. Vivamus viverra. Nunc ac ante. Sed arcu nibh, malesuada in, congue non, hendrerit non, ante. Nulla ultrices gravida neque.

Form Messages

This is a sample Success Message. Use <p class="success">Your success message goes here!</p>

This is a sample Notice Message. Use <p class="notice">Your notice message goes here!

This is a sample Error Message. Use <p class="error">Your error message goes here!

Written by Webmaster You are reading Typography articles

• About Yogaville
• What is Integral Yoga?
• Swami Satchidananda
• The LOTUS
• Integral Yoga Academy
• Entertaiment
• Technology
• Shopping
• Classifields
• Living
• Travel
• Metro
• Multimedia
• Art & Design