This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Lists

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Lists CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/lists/css/dc_lists.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Lists CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/lists/css/dc_lists.css" />

Arrow style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_arrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Comment style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_comment">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Bullet style (default)

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_bullet">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Minus style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_minus">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Check style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_check">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Plus style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_plus">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Circled arrow style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_carrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Star style

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_star">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Styles of separate elements (orange color)

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_e98813">
    <li class="dc_li_arrow">Arrow list</li>
    <li class="dc_li_comment">Comment list</li>
    <li class="dc_li_bullet">Bullet list (default)</li>
    <li class="dc_li_minus">Minus list</li>
    <li class="dc_li_check">Check list</li>
    <li class="dc_li_plus">Plus list</li>
    <li class="dc_li_carrow">Circled arrow list</li>
    <li class="dc_li_star">Star list</li>
  </ul>
<!-- DC Lists End -->

Green color (circled arrow style)

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_74941f dc_li_carrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

HotPink color (check style)

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_bc006e dc_li_check">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

Copper color (star style)

View code:

?
1
2
3
4
5
6
7
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_6b3c02 dc_li_star">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

All colors (comment style)

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!-- DC Lists Start -->
  <ul class="dc_list dc_li_comment">
    <li class="dc_li_222222">Black (default)</li>
    <li class="dc_li_092334">DeepBlue</li>
    <li class="dc_li_00437f">Blue</li>
    <li class="dc_li_008899">Teal</li>
    <li class="dc_li_3b424a">SlateGrey</li>
    <li class="dc_li_625b56">Mauve</li>
    <li class="dc_li_ab998f">Pearl</li>
    <li class="dc_li_788794">SteelBlue</li>
    <li class="dc_li_717a75">MossGreen</li>
    <li class="dc_li_79745d">Wheat</li>
    <li class="dc_li_372e25">Coffee</li>
    <li class="dc_li_6b3c02">Copper</li>
    <li class="dc_li_dddddd">Silver</li>
    <li class="dc_li_4b2c5a">Purple</li>
    <li class="dc_li_bc006e">HotPink</li>
    <li class="dc_li_770000">DarkRed</li>
    <li class="dc_li_e98813">Orange</li>
    <li class="dc_li_f7c808">Yellow</li>
    <li class="dc_li_74941f">Green</li>
    <li class="dc_li_3a491a">Olive</li>
  </ul>
<!-- DC Lists End -->


© TemplateAccess