List Styles

December 24, 2013|

Encounters Lite uses image list styles in addition to standard lists. Aside from the default unordered list and the ordered list, you will be adding a class to the <ul> tag like this:

<ul class="open-arrow">

 

Unordered List – Default

en-list1

Unordered List – Open Arrow

The class for this is <ul class="open-arrow">

en-list2

Unordered List – Closed Arrow

The class for this is <ul class="closed-arrow">

en-list3

Unordered List – Checkmark

The class for this is <ul class="checkmark">

en-list4

Unordered List – Square

The class for this is <ul class="square">

en-list5

Ordered List – Default

en-list6

Definition List – Default

Definition lists are used to outline multiple terms and descriptions, for example, a glossary would be ideal for this type of list. An example followed by a code snippet looks like this:

en-list-definition

<dl>
<dt>Definition List Title</dt>
<dd>This is a definition list division.</dd>
<dt>Definition</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit uspendisse potenti.</dd>
<dt>Gallery</dt>
<dd>Donec nec erat non nibh tincidunt posuere. In sodales porta urna eget faucibus.</dd>
<dt>Gravatar</dt>
<dd>Nam urna ante, porta vel lacinia a, gravida eu magna. Nunc vitae ipsum leo.</dd>
</dl>

 

 

Categories: Setup Tutorials for Encounters Lite

Leave a Reply