Lists

[raw]

List Style 1

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style1″ line=”yes”]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


List Style 2

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style2″ line=”yes”]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


List Style 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style3″ line=”yes”]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


[frame bgcolor=”#f2f2f2″ version=”light” closed=”yes” opentext=”Show the Code”]
[code]
<h4>List Style 1</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style1″ line=”yes”] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

<h4>List Style 2</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style2″ line=”yes”] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

<h4>List Style 3</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style3″ line=”yes”] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

[/code]
[/frame]

List Style 4

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style4″ line=””]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


List Style 5

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style5″ line=””]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


List Style 6

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque…

[list style=”style6″ line=””]

  • Lorem ipsum dolor
  • Sit amet consecteur
  • Adipisicing elit

[/list]


[frame bgcolor=”#f2f2f2″ version=”light” closed=”yes” opentext=”Show the Code”]
[code]
<h4>List Style 4</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style4″] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

<h4>List Style 5</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style5″] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

<h4>List Style 6</h4> <p>Sed ut perspiciatis … accusantium doloremque…</p> [list style=”style6″] <ul> <li>Lorem ipsum dolor</li> <li>Sit amet consecteur</li> <li>Adipisicing elit</li> </ul> [/list]

[/code]
[/frame]
[frame bgcolor=”#f2f2f2″ version=”light”]
[code][list style=”style5″ line=”yes”] // style[style1..6], line[yes,none]
<ul>
<li>Lorem ipsum dolor</li>
<li>Sit amet consecteur</li>
<li>Adipisicing elit</li>
</ul>
[/list]
[/code]
[/frame]
[rule_top]
[/raw]