دیتالایف انجین فارسی

<ol class="topnews2">
    {topnews*}
</ol>

ol.topnews2{counter-reset: li;list-style: none;*list-style: decimal;font-size:13px;font-weight:bold;display:block;font-style:normal;padding:0;margin:5px 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol.topnews2 a{position: relative;display: block;padding: .4em .4em .4em 2em;*padding: .4em;margin: .5em 0;background: #ddd;color: #444;text-decoration: none;-moz-border-radius: .3em;-webkit-border-radius: .3em;border-radius: .3em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;}
ol.topnews2 a:hover{background: #eee;}
ol.topnews2 a:hover:before{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
ol.topnews2 a:before{content: counter(li);counter-increment: li;position: absolute;left: -1.3em;top: 50%;margin-top: -1.3em;background: #87ceeb;height: 2em;width: 2em;line-height: 2em;border: .3em solid #fff;text-align: center;font-weight: bold;-moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

<li><a href="{*link}">{*title}</a></li>