Bliss has gone beyond all Joomla limits! Its amazing 21 color themes, unlimited color combos, 17 module positions, 66 module styles, Mootools effects, multiple menu options, optional background styles, 42 logo options in all, custom widths, and so much more make Bliss a one of a kind template!

Join Today and let Bliss make your Joomla experience...bliss!

Typography

STYLE 1	STYLE 2	STYLE 3	STYLE 4	STYLE 5	STYLE 6	STYLE 7
STYLE 8	STYLE 9	STYLE 10	STYLE 11	STYLE 12	STYLE 13	STYLE 14
STYLE 15	STYLE 16	STYLE 17	STYLE 18	STYLE 19	STYLE 20	STYLE 21

Examples!

Typography Options

PDF

Print

E-mail

To use the below add this div class <div class="code_grey"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this div class <div class="code_blue"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this div class <div class="code_red"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this div class <div class="code_green"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this div class <div class="code_orange"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this div class <div class="code_dark"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this span class <span="bold_blue"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span="bold_grey"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span="bold_green"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span="bold_orange"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span="bold_red"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span="bold_dark"> ... </span>

This is a sample boldcaption.

This is a large intro letter, to use simply apply the "introletter_dark" class as follows:
<span class="introletter_dark">T</span></strong>

This is a large intro letter, to use simply apply the "introletter_blue" class as follows:
<span class="introletter_blue">T</span></strong>

This is a large intro letter, to use simply apply the "introletterblue" class as follows:
<span class="introletterblue">T</span></strong>

This is a large intro letter, to use simply apply the "introletterblue" class as follows:
<span class="introletterblue">T</span></strong>

This is a large intro letter, to use simply apply the "introletter_green" class as follows:
<span class="introletter_green">T</span></strong>

This is a large intro letter, to use simply apply the "introletter_orange" class as follows:
<span class="introletter_orange">T</span></strong>

To use the below add this div class <div class="grey_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

To use the below add this div class <div class="blue_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

To use the below add this div class <div class="green_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

To use the below add this div class <div class="orange_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

To use the below add this div class <div class="red_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

To use the below add this div class <div class="dark_box"> ... </div>

You can use a box like this for advertisements announcements and much more!

This is an error box, apply the class as follows:
<div class="error">Your Text Here</div>

This is a folder box, apply the class as follows:
<div class="folder">Your Text Here</div>

This is an exclamation box, apply the class as follows:
<div class="exclamation">Your Text Here</div>

This is a doc box, apply the class as follows:
<div class="doc">Your Text Here</div>

SampleTo apply this option do the following: <p class="blockbox"><span class="green_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class="blockbox"><span class="red_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class="blockbox"><span class="blue_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class="blockbox"><span class="grey_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class="blockbox"><span class="orange_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class="blockbox"><span class="dark_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

To use the below add the span class as follows:

1<span class="sphere_black">1</span>

2<span class="sphere_blue">2</span>

3<span class="sphere_graphite">3</span>

4<span class="sphere_green">4</span>

5<span class="sphere_red">5</span>

6<span class="sphere_yellow">6</span>

7<span class="sphere_white">7</span>

8<span class="sphere_purple">8</span>

To use the below add the image class as follows: <img src="images/yourimage.jpg" class="solid" />

To use the below add the image class as follows: <img src="images/yourimage.jpg" class="bold" />

To use the below add the image class as follows: <img src="images/yourimage.jpg" class="dashed" />

To use add the paragraph class as follows: <p class="bulbon">

To use add the paragraph class as follows: <p class="bulboff">

To use add the paragraph class as follows: <p class="bolt">

To use add the paragraph class as follows: <p class="question">

To use add the paragraph class as follows: <p class="smexclamation">

To use add the paragraph class as follows: <p class="cross">

To use add the paragraph class as follows: <p class="bullet">

To use add the paragraph class as follows: <p class="attach">

To use add the paragraph class as follows: <p class="asterick">

To use add the paragraph class as follows: <p class="acceptblk">

To use add the paragraph class as follows: <p class="accept">

heading 1

heading 2

heading 3

heading 4

heading 5

This is the blockquote style, to use, wrap a div as follows: <blockquote><div>Your text here</div></blockquote>

To use the below add this ul class <ul class="bullet_list"> ... </ul>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

To use the below add this ol class <ol class="numbered_list"> ... </ol>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

To use the below add this ul class <ul class="small_check"> ... </ul>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

To use the below add this ul class <ul class="large_check"> ... </ul>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

To use the below add this ul class <ul class="small_arrow"> ... </ul>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

To use the below add this ul class <ul class="large_arrow"> ... </ul>

Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

< Prev		Next >

Copyright © 2005 - 2013 Shape 5 - Professional Template Club - Bliss Demo Site. Designed by Shape5.com