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

[Fethi.dz]

السلام عليكم ورحمة الله وبركاته

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

تغير كلمة (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]

عليكم السلام ورحمة الله وبركاته
شكراا على الشرح خويا
بارك الله فيك
​

 

[ملك الحصريات]

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

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

 

[ماكس تايمز]

بارك الله فيك على الشرح الوافي