Joomla Templates Club 406,261 posts

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#168370

I always found it tricky to get these right….so here is the buttons for this template….
Obviously where it says “Your content goes here” is the text you need to change 😀

Green Box

<div class="ja-typo-box box-rounded box-green">
<span class="icon icon-confirmation"> </span>
<h4 class="heading-white">Confirmation message block header</h4>
This is a confirmation box. Use
<strong><p class="box-green"><span class="icon icon-confirmation"> </span>Your content goes here!</p></strong>
to create a confirmation box!
</div>

Red Box

<div class="ja-typo-box box-rounded box-red">
<span class="icon icon-error"> </span>
<h4 class="heading-white">Error message block header</h4>
This is a error box. Use
<strong><p class="box-red"><span class="icon icon-error"> </span>Your content goes here!</p></strong>
to create a error box!
</div>

Orange Box

<div class="ja-typo-box box-rounded box-orange">
<span class="icon icon-warning"> </span>
<h4 class="heading-white">Warning message block header</h4>
This is a warning box. Use
<strong><p class="box-orange"><span class="icon icon-warning"> </span>Your content goes here!</p></strong>
to create a warning box!
</div>

Blue Box

<div class="ja-typo-box box-rounded box-blue">
<span class="icon icon-information"> </span>
<h4 class="heading-white">Information message block header</h4>
This is a information box. Use
<strong><p class="box-blue"><span class="icon icon-information"> </span>Your content goes here!</p></strong>
to create a information box!
</div>

Purple Box

<div class="ja-typo-box box-rounded box-purple">
<span class="icon icon-system"> </span>
<h4 class="heading-white">System message block header</h4>
This is a system box. Use
<strong><p class="box-purple"><span class="icon icon-system"> </span>Your content goes here!</p></strong>
to create a system box!
</div>

Little Boxes

Green Box

<div class="ja-typo-box-1 box-rounded box-green-1">
<span class="icon icon-confirmation"> </span>
Confirmation message block
</div>

Red Box

<div class="ja-typo-box-1 box-rounded box-red-1">
<span class="icon icon-error"> </span>
Error message block
</div>

Orange Box

<div class="ja-typo-box-1 box-rounded box-orange-1">
<span class="icon icon-warning"> </span>
Error message block
</div>

Blue Box

<div class="ja-typo-box-1 box-rounded box-blue-1">
<span class="icon icon-information"> </span>
Confirmation message block
</div>

Purple Box

<div class="ja-typo-box-1 box-rounded box-purple-1">
<span class="icon icon-system"> </span>
Confirmation message block
</div>

---

Attachments:

1. 

[Author]

Posts