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

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

پشتیبان رسمی سیستم مدیریت محتوا

هک زیباسازی مطالب

هک زیباسازی مطالب برتر 2

یک سری از این هک رو قرار دادم و حالا سری جدید از این هک رو براتون قرار دادم.

آموزش نصب
main.tpl یا sidebar.tpl قالب خودتون رو باز کنید و به جای {topnews*} کد زیر رو قرار بدید :

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


حالا style.css قالبتون رو باز کنید و کد زیر رو در انتها قرار بدید :

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;}


حالا topnews.tpl قالب رو باز کنید و کد زیر رو

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



جایگزین کدهای موجود کنید.

در هنگام نصب دقت کنید که در تگها علامت * رو حذف کنید
تصاویر
هک زیباسازی مطالب برتر 2
نظرات کاربران
PcWeb در 27 شهریور 1391 - 13:57 گفته:
عضو سایتنظرات: 57

سلام.ممنونم خیلی عالی بود

pedram shahinnaghsh در 18 آبان 1391 - 11:36 گفته:
عضو سایتنظرات: 42

سلام. خیلی عالی بود. قط من اول فکر کردم تعداد کلیکی که شده رو نشون میده. بعد دیدم 10 مطلب رو نمایش میده. آیا میتونید یه قسمتی هم براش اظافه کنید که تعداد بازدیدکنندگان رو هم نشون بده؟

IMP در 18 آبان 1391 - 15:22 گفته:
مدیر بازنشستهنظرات: 917

raadbux,
از ماژول بلاک پیشرفته استفاده کن این هک رو هم روی اون ست کن.

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!