ارزدیجیتال
حراجی دامنه های ویژهمشاهده





پلتفرم رپورتاژ آگهی و بک لینک تسمینو
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

لایک و دیسلایک برای Nuke 8.3

مقالات,آموزش,ترفند

لایک و دیسلایک برای Nuke 8.3

خیلی از دوستان تمایل دارند که به نیوک خود گزینه لایک و دیسلایک اضافه کنند
من این امکان رو با تغییر ایکون + و – به لایک و دیس لایک اضاف کردم
شما کافیه در فایل css قالب(که معمولا نام فایل nuketools می باشد) قسمتی که کد مربوط به امتیاز دهی است پیدا کنید.


حال کد زیر را پیدا کنید  و آنرا حذف کنید:

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

و جای ان این کد را قرار دهید :

.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 قالب بریزید.

 

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 1 / 5. تعداد رای : 1

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 2 مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=150
کلمات کلیدی پست :
مطالب مرتبط
13,676جاوا اسکریپت چیست و چه کاربردی دارد؟ تاریخ : 2019/04/27
10,814ایجاد اشاره گرهای سفارشی در وردپرس تاریخ : 2014/10/4
6,008چگونه کش DNS را در ویندوز، لینوکس و مک خالی کنیم؟ تاریخ : 2019/06/1
15,632ساخت منوی باز شونده برای سایت با استفاده از بوت استرپ تاریخ : 2019/11/16
10,231آموزش ساخت autocomplete با کمک php و JQuery تاریخ : 2014/07/16
42,956اسکریپت رسم نمودار Highcharts تاریخ : 2014/07/20
7,368DNS چیست و چگونه کار می‌کند؟ تاریخ : 2019/06/11
14,476حل مشکل فضای خالی بالای سایت وردپرس تاریخ : 2018/05/31
16,516ووکامرس حرفه ای تر با افزونه WooCommerce Jetpack تاریخ : 2016/11/6
26,089آموزش استفاده از Child Theme و کاربرد آن در وردپرس تاریخ : 2016/07/2
9,988آموزش تغییر عنوان ایمیل های ارسالی در وردپرس تاریخ : 2014/06/6
11,662آموزش برنامه نویسی PHP از سطح پایه تاریخ : 2016/11/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file