S5 Bliss
Small Fonts Default Fonts Large Fonts
Narrow Width Default Width Fluid Width

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! 

Home arrow Typography
S5 Bliss
STYLE 1
S5 Bliss
STYLE 2
S5 Bliss
STYLE 3
S5 Bliss
STYLE 4
S5 Bliss
STYLE 5
S5 Bliss
STYLE 6
S5 Bliss
STYLE 7
S5 Bliss
STYLE 8
S5 Bliss
STYLE 9
S5 Bliss
STYLE 10
S5 Bliss
STYLE 11
S5 Bliss
STYLE 12
S5 Bliss
STYLE 13
S5 Bliss
STYLE 14
S5 Bliss
STYLE 15
S5 Bliss
STYLE 16
S5 Bliss
STYLE 17
S5 Bliss
STYLE 18
S5 Bliss
STYLE 19
S5 Bliss
STYLE 20
S5 Bliss
STYLE 21
Examples!
Open/Close
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" />
image
To use the below add the image class as follows: <img src="images/yourimage.jpg" class="bold" />
image
To use the below add the image class as follows: <img src="images/yourimage.jpg" class="dashed" />
image


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>

 

  1. Lorem ipsum dolor sit amet consectetuer.
  2. Condimentum quis.
  3. 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 >
RSS 2.0 Our site is valid CSS Our site is valid XHTML 1.0 Transitional