Lists

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


<!-- DC Lists CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/lists/css/tsc_lists.css" />

          

Arrow style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_arrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Comment style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_comment">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Bullet style (default)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_bullet">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Minus style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_minus">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Check style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_check">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Plus style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_plus">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Circled arrow style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_carrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Star style

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_star">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Styles of separate elements (orange color)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_e98813">
    <li class="tsc_li_arrow">Arrow list</li>
    <li class="tsc_li_comment">Comment list</li>
    <li class="tsc_li_bullet">Bullet list (default)</li>
    <li class="tsc_li_minus">Minus list</li>
    <li class="tsc_li_check">Check list</li>
    <li class="tsc_li_plus">Plus list</li>
    <li class="tsc_li_carrow">Circled arrow list</li>
    <li class="tsc_li_star">Star list</li>
  </ul>
<!-- DC Lists End -->

          

Green color (circled arrow style)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_74941f tsc_li_carrow">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

HotPink color (check style)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_bc006e tsc_li_check">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

Copper color (star style)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_6b3c02 tsc_li_star">
    <li>Leadership</li>
    <li>Determination</li>
    <li>Integrity</li>
  </ul>
<!-- DC Lists End -->

          

All colors (comment style)

View code:


<!-- DC Lists Start -->
  <ul class="tsc_list tsc_li_comment">
    <li class="tsc_li_222222">Black (default)</li>
    <li class="tsc_li_092334">DeepBlue</li>
    <li class="tsc_li_00437f">Blue</li>
    <li class="tsc_li_008899">Teal</li>
    <li class="tsc_li_3b424a">SlateGrey</li>
    <li class="tsc_li_625b56">Mauve</li>
    <li class="tsc_li_ab998f">Pearl</li>
    <li class="tsc_li_788794">SteelBlue</li>
    <li class="tsc_li_717a75">MossGreen</li>
    <li class="tsc_li_79745d">Wheat</li>
    <li class="tsc_li_372e25">Coffee</li>
    <li class="tsc_li_6b3c02">Copper</li>
    <li class="tsc_li_dddddd">Silver</li>
    <li class="tsc_li_4b2c5a">Purple</li>
    <li class="tsc_li_bc006e">HotPink</li>
    <li class="tsc_li_770000">DarkRed</li>
    <li class="tsc_li_e98813">Orange</li>
    <li class="tsc_li_f7c808">Yellow</li>
    <li class="tsc_li_74941f">Green</li>
    <li class="tsc_li_3a491a">Olive</li>
  </ul>
<!-- DC Lists End -->

          


© TemplateAccess