New Stylish Lists

Written by @m_k_amin 10 December 2012

Stylish lists in HMTL

Code Snippet:

                                                
                                                <!-- this script is provided by https://www.htmlfreecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.htmlfreecode.com, Coded by:  Krishna Eydat-->

<head>
<style type="text/css">
p.MsoListParagraphCxSpFirst
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
p.MsoListParagraphCxSpLast
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:36.0pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
 p.MsoNormal
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}
</style>
</head>

<p class="MsoListParagraphCxSpFirst"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">ü<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Blue<o:p></o:p></p>
<p class="MsoListParagraphCxSpLast"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">ü<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Green<o:p></o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoListParagraphCxSpFirst"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">v<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Blue<o:p></o:p></p>
<p class="MsoListParagraphCxSpLast"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">v<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Green<o:p></o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoListParagraphCxSpFirst"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">Ø<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Blue<o:p></o:p></p>
<p class="MsoListParagraphCxSpLast"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">Ø<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Green<o:p></o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoListParagraphCxSpFirst"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">Ë<span style="font:7.0pt &quot;Times New Roman&quot;">
</span></span></span><![endif]>Blue<o:p></o:p></p>
<p class="MsoListParagraphCxSpLast"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">Ë<span style="font:7.0pt &quot;Times New Roman&quot;">
</span></span></span><![endif]>Green<o:p></o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoListParagraphCxSpFirst"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">F<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Blue<o:p></o:p></p>
<p class="MsoListParagraphCxSpLast"><![if !supportLists]>
<span style="font-family:Wingdings;mso-fareast-font-family:Wingdings;mso-bidi-font-family:
Wingdings"><span style="mso-list:Ignore">F<span style="font:7.0pt &quot;Times New Roman&quot;">&nbsp;
</span></span></span><![endif]>Green<o:p></o:p></p>

<font face="Tahoma"><a target="_blank" href="http://www.htmlfreecode.com/">
<span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font>
<p>&nbsp;</p>
<a target='_blank' href='https://www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>                                                
                                            

Example:


About @m_k_amin

This user is pending a biography.

M

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: Ali7hry, alexnicola, Adam20, Prashanthcs11, Designer Diva
advertisement 2