خیلی از دوستان تمایل دارند که به نیوک خود گزینه لایک و دیسلایک اضافه کنند . من این امکان رو با تغییر ایکون + و – به لایک و دیس لایک اضافه کردم ، شما کافیه در فایل css قالب (که معمولا نام فایل nuketools می باشد) قسمتی که کد مربوط به امتیاز دهی است پیدا کنید.
حال کد زیر را پیدا کنید و آنرا حذف کنید :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
unit-rating a.r1-unit { right:0; background:url(../images/starrating2.png) right; background-repeat:no-repeat } .unit-rating a.r1-unit:hover { width:15px; background:url(../images/starrating3.png) right; background-repeat:no-repeat } .unit-rating a.r2-unit { right:22px; } .unit-rating a.r3-unit { right:50px; background:url(../images/starrating2.png) left; background-repeat:no-repeat } .unit-rating a.r3-unit:hover { width:15px; background:url(../images/starrating3.png) left; background-repeat:no-repeat } .unit-rating li.current-rating { background:url(../images/starrating2.png); position:absolute; height:15px; display:block; background-repeat:no-repeat; } |
و به جای آن ، کد زیر را قرار دهید :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
.unit-rating li a { outline:none; display:block; width:25px; height:20px; text-decoration:none; z-index:20; position:absolute; padding:0; text-align:center; } .unit-rating a.r1-unit { right:0; background:url(../images/starrating2.png) right; background-repeat:no-repeat } .unit-rating a.r1-unit:hover { width:25px; background:url(../images/starrating3.png) right; background-repeat:no-repeat } .unit-rating a.r2-unit { right:22px; color:#fff; text-shadow:#000 1px 1px 1px; direction:ltr; margin-top:3px; margin-right:3px; } .unit-rating a.r3-unit { right:50px; background:url(../images/starrating2.png) left; background-repeat:no-repeat } .unit-rating a.r3-unit:hover { width:25px; background:url(../images/starrating3.png) left; background-repeat:no-repeat } .unit-rating li.current-rating { background:url(../images/starrating2.png); position:absolute; height:20px; display:block; background-repeat:no-repeat; } |
و در اخر فایل زیر را دانلود کنید و دو تصویر را درون فولدر images قالب بریزید.
دانلود