edit-article

Article Description: demonstrates how to create a number of different LIST styles

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">css-li-styles</h1> <h2>[WHAT]</h2> <ol> <li>] list of different li styles</li> </ol> <h2>[WHY]</h2> <ol> <li>] sometimes a plain ole li is just not enough, you can do powerful things with lists</li> </ol> <h2>[WHERE/examples]</h2> <ol> <li>] using "horizontal-menu" style on PG view/money menu</li> <li>] using "style-x" in view/subjects/articles , WHERE the number is larger, different font than the li text, there is a seperate between</li> <li>] using "style-ImageAsBullet" on PG&nbsp;view/places/atlases WHERE each li disc style is replaced with a user specified image</li> </ol> <h2>[HOW-TO]</h2> <ol> <li><strong>] horizontal-menu</strong></li> <ol> <li>REF #] 001 - List #</li> </ol> <li><strong>] style-x</strong></li> <ol> <li>REF #] 001- List #</li> </ol> <li><strong>] styleImageBullet</strong></li> <ol> <li>REF #] 002</li> </ol> <li>]</li> </ol> <p>&nbsp;</p> <h2>[REFERENCE]</h2> <ol> <li>x] art <a href="http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html">8_different_ways_to_beautifully_style_your_lists</a>&nbsp;</li> <li>x] art <a href="http://www.techforluddites.com/2010/02/thesis-replacing-list-bullets-with-images-using-css.html" target="_blank">replacing list bullets with images</a></li> <li>*] start date 2012-08-02</li> </ol>