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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

لایک و دیسلایک برای 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
کلمات کلیدی پست :
مطالب مرتبط
17,645آموزش قرار دادن ویدیو در پس زمینه سایت تاریخ : 2016/07/27
10,716آموزش قرار دادن فرم ثبت نام وردپرس در قالب تاریخ : 2018/06/4
12,620نمایش تاریخ آخرین آپدیت پست های وردپرس تاریخ : 2015/07/29
7,876آموزش اتصال به SSH لینوکس در سیستم‌عامل‌های مختلف تاریخ : 2019/07/4
8,771نمایش مطالب نویسنده در مدیریت تاریخ : 2014/01/10
15,536اسکریپت مدیریت کاربران CodeIgniter User Manager تاریخ : 2014/10/31
10,532کلیدهای میانبر در وردپرس تاریخ : 2016/07/31
9,180ایجاد محدودیت در تعداد حروف دیدگاه های وردپرس تاریخ : 2016/07/10
21,325اسکریپت چت و پشتیبانی FireHelp نسخه 2.0.4 تاریخ : 2018/12/19
19,180آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3 تاریخ : 2015/07/13
10,924آموزش تغییر عنوان ایمیل های ارسالی در وردپرس تاریخ : 2014/06/6
21,216آموزش نصب آپلودسنتر میهالیسم فارسی تاریخ : 2014/06/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب