تغير كلمة (Like) لأيقونة شبية بايقونة (Facebook Like) - خاص لمستخدمي vBSEO

Fethi.dz

:: إدارة اللمة الجزائرية ::
طاقم الإدارة
إنضم
7 أوت 2006
المشاركات
3,515
الإعجابات
2,752
النقاط
1,001
محل الإقامة
سكيكدة
الجنس
ذكر
#1
السلام عليكم ورحمة الله وبركاته

اليوم ساتطرق لشرح بسيط حول :

تغير كلمة (Like) لأيقونة شبية بايقونة (Facebook Like) - خاص لمستخدمي vBSEO







أولا :

إضافة إعدادات الـ CSS التالي في نهاية الملف (vbseo/resources/css/vbseo_buttons_rtl.css)


كود:
.vbseo_likeon{
    background: #ECEEF5 url(../images/forum/vb_likes_F_icons/vb_likes_like.png) 15% 50% no-repeat;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #CAD4E7;
    display:inline-block;
    color:#6080B5;
        font-family:Arial;
        font-size:16px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 24px;
    padding-right:7px;
    text-decoration:none;
}
.vbseo_likeon:hover{
    background: #ECEEF5 url(../images/forum/vb_likes_F_icons/vb_likes_like.png) 15% 50% no-repeat;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #8BA3C9;
    display:inline-block;
    color:#6080B5;
        font-family:Arial;
        font-size:16px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 24px;
    padding-right:7px;
    text-decoration:none;

}
.vbseo_likeoff {
    background: #ECEEF5 url(../images/forum/vb_likes_F_icons/vb_likes_yes.png) 15% 50% no-repeat;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
    display:inline-block;
    border:1px solid #CAD4E7;
    display:inline-block;
    color:#CAD4E7;
        font-family:Arial;
        font-size:16px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 24px;
    padding-right:7px;
    text-decoration:none;
}
.vbseo_likeoff:hover{
    background: #ECEEF5 url(../images/forum/vb_likes_F_icons/vb_likes_no.png) 15% 50% no-repeat;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #CAD4E7;
    display:inline-block;
    color:#CAD4E7;
        font-family:Arial;
        font-size:16px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 24px;
    padding-right:7px;
    text-decoration:none;
}
ثانيا :

حمل مجلد الأيقونات الى (vbseo/resources/images/forum/)

كود:
vb_likes_like.png
vb_likes_yes.png
vb_likes_no.png
ثالثا :

افتح منتج (crawlability_vbseo_vb3.xml)

ابحث عن التالي :

كود:
<phrase name="vbseo_like" date="0" username="Crawlability" version=""><![CDATA[Like]]></phrase>
استبدله بالتالي :

كود:
<phrase name="vbseo_like" date="0" username="Crawlability" version=""><![CDATA[<div class="vbseo_likeon">أعجبني</div>]]></phrase>
ابحث كذلك على :

كود:
<phrase name="vbseo_unlike" date="0" username="" version=""><![CDATA[Unlike]]></phrase>
استبدله بالتالي :

كود:
<phrase name="vbseo_unlike" date="0" username="" version=""><![CDATA[<div class="vbseo_likeoff">أعجبني</div>]]></phrase>
ان شاء الله التعديل ينال رضاكم وتحفظ الحقوق عند النقل :regards02:
 

المرفقات

Ma$Ter

:: مراقب ::
سيتم تحديد الاقسام...
طاقم المراقبين
إنضم
25 سبتمبر 2007
المشاركات
15,206
الإعجابات
28,453
النقاط
1,171
محل الإقامة
تبسة 12
الجنس
ذكر
#2
عليكم السلام ورحمة الله وبركاته
شكراا على الشرح خويا
بارك الله فيك

 

ملك الحصريات

:: عضو منتسِب ::
إنضم
22 أفريل 2014
المشاركات
16
الإعجابات
0
النقاط
2
#3
رد: تغير كلمة (Like) لأيقونة شبية بايقونة (Facebook Like) - خاص لمستخدمي vBSEO

مشكوووووور والله يعطيك الف عافيه
 
Top