List styles

[h3]List Styles – Icon Bullets[/h3]
[li class="circle"] Sample list of class circle[/li] [li class="circle-blank"] Sample list of class circle-blank[/li] [li class="bell"] Sample list of class bell[/li] [li class="bell-alt"] Sample list of class bell-alt[/li] [li class="calendar"] Sample list of class calendar[/li] [li class="time"] Sample list of class time[/li] [li class="cloud"] Sample list of class cloud[/li] [li class="comment"] Sample list of class comment[/li] [li class="comments"] Sample list of class comments[/li] [li class="coffee"] Sample list of class coffee[/li] [li class="check"] Sample list of class check[/li] [li class="ok"] Sample list of class ok[/li] [li class="circle" size="large"] Sample list of class circle size large[/li] [li class="circle-blank" size="large"] Sample list of class circle-blank size large[/li] [li class="bell" size="large"] Sample list of class bell size large[/li] [li class="bell-alt" size="large"] Sample list of class bell-alt size large[/li] [li class="calendar" size="large"] Sample list of class calendar size large[/li] [li class="time" size="large"] Sample list of class time size large[/li] [li class="cloud" size="large"] Sample list of class cloud size large[/li] [li class="comment" size="large"] Sample list of class comment size large[/li] [li class="comments" size="large"] Sample list of class comments size large[/li] [li class="coffee" size="large"] Sample list of class coffee size large[/li] [li class="check" size="large"] Sample list of class check size large[/li] [li class="ok" size="large"] Sample list of class ok size large[/li]
[li class="phone"] Sample list of class phone[/li] [li class="globe"] Sample list of class globe[/li] [li class="rss"] Sample list of class rss[/li] [li class="lightbulb"] Sample list of class lightbulb[/li] [li class="leaf"] Sample list of class leaf[/li] [li class="envelope"] Sample list of class envelope[/li] [li class="envelope-alt"] Sample list of class envelope-alt[/li] [li class="flag"] Sample list of class flag[/li] [li class="bolt"] Sample list of class bolt[/li] [li class="briefcase"] Sample list of class briefcase[/li] [li class="asterisk"] Sample list of class asterisk[/li] [li class="pencil"] Sample list of class pencil[/li] [li class="star" size="large"] Sample list of class star size large[/li] [li class="signal" size="large"] Sample list of class signal size large[/li] [li class="music" size="large"] Sample list of class music size large[/li] [li class="shopping-cart" size="large"] Sample list of class shopping-cart size large[/li] [li class="pinterest" size="large"] Sample list of class pinterest size large[/li] [li class="twitter" size="large"] Sample list of class twitter size large[/li] [li class="medkit" size="large"] Sample list of class medkit size large[/li] [li class="info-sign" size="large"] Sample list of class info-sign size large[/li] [li class="credit-card" size="large"] Sample list of class credit-card size large[/li] [li class="leaf" size="large"] Sample list of class leaf size large[/li] [li class="home" size="large"] Sample list of class home size large[/li] [li class="certificate" size="large"] Sample list of class certificate size large[/li]

Note: You can use as bullet any icon available in Font Awesome colection simply using icon name as class. The iconic font is designed for use with Twitter Bootstrap. All available icons you find here.

Get Code

Get Code

[pre][li class="home"] Sample list of class home[/li] [li class="certificate" size="large"] Sample list of class certificate size large[/li] [/pre]
[divider_top] [h3]List Styles – Bullets[/h3]
[list class="bullet-1"][li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [/list]
[list class="bullet-2"][li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [/list]
[list class="bullet-3"][li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [/list]

Get Code

Get Code

[pre] [list class="bullet-1"][li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [li] Sample list of class bullet-1[/li] [/list] [list class="bullet-2"][li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [li] Sample list of class bullet-2[/li] [/list] [list class="bullet-3"][li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [li] Sample list of class bullet-3[/li] [/list] [/pre]



[divider_top] [h3]Ordered lists[/h3]

[ord_list class="roman"][li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [/ord_list]
[ord_list class="alpha"][li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [/ord_list]

Get Code

Get Code

[pre] [ord_list class="roman"] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [li] Sample list of class roman[/li] [/ord_list] [ord_list class="alpha"] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [li] Sample list of class alpha[/li] [/ord_list] [/pre]



[divider_top]

[ord_list class="dec"][li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [/ord_list]
[ord_list class="decleadingzero"][li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [/ord_list]

Get Code

Get Code

[pre] [ord_list class="dec"] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [li] Sample list of class dec[/li] [/ord_list] [ord_list class="decleadingzero"] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [li] Sample list of class decleadingzero[/li] [/ord_list] [/pre]



[divider_top]

[discnumber class="number1" number="01"]Element class number1[/discnumber] [discnumber class="number1" number="02"]Element class number1[/discnumber] [discnumber class="number1" number="03"]Element class number1[/discnumber] [discnumber class="number1" number="04"]Element class number1[/discnumber]
[discnumber class="number2" number="01"]Element class number2[/discnumber] [discnumber class="number2" number="02"]Element class number2[/discnumber] [discnumber class="number2" number="03"]Element class number2[/discnumber] [discnumber class="number2" number="04"]Element class number2[/discnumber]
[discnumber class="number3" number="01"]Element class number3[/discnumber] [discnumber class="number3" number="02"]Element class number3[/discnumber] [discnumber class="number3" number="03"]Element class number3[/discnumber] [discnumber class="number3" number="04"]Element class number3[/discnumber]

Get Code

Get Code

[pre] [discnumber class="number1" number="01"]Element class number1[/discnumber] [discnumber class="number1" number="02"]Element class number1[/discnumber] [discnumber class="number1" number="03"]Element class number1[/discnumber] [discnumber class="number1" number="04"]Element class number1[/discnumber] [discnumber class="number2" number="01"]Element class number2[/discnumber] [discnumber class="number2" number="02"]Element class number2[/discnumber] [discnumber class="number2" number="03"]Element class number2[/discnumber] [discnumber class="number2" number="04"]Element class number2[/discnumber] [discnumber class="number3" number="01"]Element class number3[/discnumber] [discnumber class="number3" number="02"]Element class number3[/discnumber] [discnumber class="number3" number="03"]Element class number3[/discnumber] [discnumber class="number3" number="04"]Element class number3[/discnumber] [/pre]



[divider_top]

[bignumber class="1" number="1"]Element bignumber class 1[/bignumber] [bignumber class="1" number="2"]Element bignumber class 1[/bignumber] [bignumber class="1" number="3"]Element bignumber class 1[/bignumber]
[bignumber class="2" number="A"]Element bignumber class 2[/bignumber] [bignumber class="2" number="B"]Element bignumber class 2[/bignumber] [bignumber class="2" number="C"]Element bignumber class 2[/bignumber]

Get Code

Get Code

[pre] [bignumber class="1" number="1"]Element bignumber class 1[/bignumber] [bignumber class="1" number="2"]Element bignumber class 1[/bignumber] [bignumber class="1" number="3"]Element bignumber class 1[/bignumber] [bignumber class="2" number="A"]Element bignumber class 2[/bignumber] [bignumber class="2" number="B"]Element bignumber class 2[/bignumber] [bignumber class="2" number="C"]Element bignumber class 2[/bignumber] [/pre]



[divider_top]

[bignumber class="3" number="A"]Element bignumber class 3[/bignumber] [bignumber class="3" number="B"]Element bignumber class 3[/bignumber] [bignumber class="3" number="C"]Element bignumber class 3[/bignumber]
[bignumber class="4" number="1"]Element bignumber class 4[/bignumber] [bignumber class="4" number="2"]Element bignumber class 4[/bignumber] [bignumber class="4" number="3"]Element bignumber class 4[/bignumber]

Get Code

Get Code

[pre] [bignumber class="3" number="A"]Element bignumber class 3[/bignumber] [bignumber class="3" number="B"]Element bignumber class 3[/bignumber] [bignumber class="3" number="C"]Element bignumber class 3[/bignumber] [bignumber class="4" number="1"]Element bignumber class 4[/bignumber] [bignumber class="4" number="2"]Element bignumber class 4[/bignumber] [bignumber class="4" number="3"]Element bignumber class 4[/bignumber] [/pre]



[divider_top]

Laisser une réponse

Votre adresse email ne sera pas publiée

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

LEAP, Membre de la WFSF

Les Réseaux Franck Biancheri