Text Adjustment: 

Width Adjustment: 

Background Adjustment: 

Wednesday, May 23, 2012

  |  Signup
You Are Here:: Options» Typography
 
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 Button


Button Link
To use this type: <a class="action_button"><span>....</span></a>

This Is Simple Link

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

Use Any Skin Colour In text

You Can also use any colour of Text with any skin and in any element for example you want To Use Red Paragraph Like This:

This is red paragraph

So You can just use this in this format:

<p class="text-red">....</p>

Or You want to use Blue Colour on Hover Like This:

"This Text Change To Blue On hover"

So You can just use this in this format:

<p class="hover-red">....</p>

Or You want to use Both Styles i.e Blue Colour on Simple & Red On Hover Like This:

"This Text Change To Red On hover"

So You can just use this in this format:

<p class="text-blue hover-red">....</p>

9 Colours available in text with this skin these are:

  • Blue
  • Purple
  • Lime
  • Red
  • Sharpred
  • Yellow
  • Slate
  
W3C Compliant

Supreme Skin Pack is a Div based W3C Compliant XHTML Skin ,comes with multiple Colours & BackGrounds options. The Structure Of Skin Is DIV Based. Read More

Typography

Complete Typography Options Available With This Pack in All Colours Text, Drop Caps, Bullets & More. The Structure Of Skin Is DIV Based. Read More

 

1 Menu

The skin comes up with a horizontal menu with vertical sub pages (inner pages). We use simple dnn nav menu. The Structure Of Skin Is DIV Based. Read More

7 Colours

The skin comes up with 7 Amazing Colours. All the colour have matching containers .You can also modify skin through source psds. Read More


Colours  |  Slide Show Help  |  Options  |  More Skins