Enter Title
Minimize

Heading Styles

Complete Typography options are available with this skin pack so you can easily stylize your text and contact with beautiful look.. So what are you waiting for?? Here are example of some text elements and classes

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6
 

This is a sample of the 'attention' style. To use this use the folllowing html: <span class="attention">....</span>This is a sample of the 'notice' style. To use this use the folllowing html: <span class="notice">....</span>This is a sample of the 'alert' style. To use this use the folllowing html: <span class="alert">....</span>This is a sample of the 'download' style. To use this use the folllowing html: <span class="download">....</span>This is a sample of the 'approved' style. To use this use the folllowing html: <span class="approved">....</span>This is a sample of the 'media' style. To use this use the folllowing html: <span class="media">....</span>This is a sample of the 'note' style. To use this use the folllowing html: <span class="note">....</span>This is a sample of the 'cart' style. To use this use the folllowing html: <span class="cart">....</span>This is a sample of the 'doc ' style. To use this use the folllowing html: <span class="doc ">....</span>

list styles

  • To use this style create a list in the following format: <ul class="special-1"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-2"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-3"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-4"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-5"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-6"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-7"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-8"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9white"><li>....</li><li>....</li>...</ul>.

This Is Link Button1

Button Link1 To use this type: <a class="action_button1"><span>....</span></a>

This Is Link Button2

Button Link2 To use this type: <a class="action_button2"><span>....</span></a>

 

This Is Simple Link

Simple Link To use this type: <a >....</a>

Menu Style1  |  Menu Style2  |  MegaMenu  |  Data Style  |  Banner  |  Options
Signin  |  Signup
Copyright 2011 by DotNetNuke Corporation