ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

[xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]

السلام عليكم ورحمه الله بركانه اليوم سنقوم بشرح طريقة تغيير شكل الأزرار : Like, Quote, Reply Button Edit : يتوافق مع كل الاصدارات الزين فورو الجيل الثانى XF2.0 : محمد معيدني لمعهد هيلبرنت النتيجة...

احصائياتى

الردود
8

المشاهدات
200
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to behold

  • maaidni غير متواجد حالياً

المشاركات
443

+التقييم
178

تاريخ التسجيل
Oct 2015

الاقامة
المغرب

نظام التشغيل
windows 8.1

رقم العضوية
605
08-25-2018, 09:53 PM
المشاركة 1
08-25-2018, 09:53 PM
المشاركة 1
افتراضي [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
السلام عليكم ورحمه الله بركانه
اليوم سنقوم بشرح طريقة تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
[ اسم الشرح ] : Like, Quote, Reply Button Edit
[ التوافق ] : يتوافق مع كل الاصدارات الزين فورو الجيل الثانى XF2.0
[ مقدم الشرح ] : محمد معيدني لمعهد هيلبرنت

النتيجة قبل:


النتيجة مع الزوم:



النتيجة بدون الزوم:



شرح التركيب:

بدون زوووم

في قالب:
كود:
extra.less
كود:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like
    {
         display:inline-block;
         background: rgb(71, 167, 235);
         color: rgb(255, 255, 255);
         padding: 4px 9px;
         line-height: 19px;
         background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
    }

.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover {
         background: rgb(65, 158, 224);
         color: rgb(255, 255, 255);
         text-decoration: none;
         background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
    }
مع الزوووووم

كود:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like
    {
         display:inline-block;
         background: rgb(71, 167, 235);
         color: rgb(255, 255, 255);
         padding: 4px 9px;
         line-height: 19px;
         background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
    }

.actionBar-action--reply:hover, .js-multiQuote:hover {
         background: rgb(65, 158, 224);
         color: rgb(255, 255, 255);
         text-decoration: none;
         background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
    }

.actionBar-action--like:hover  {
        background: rgb(65, 158, 224);
        color: rgb(255, 255, 255);
        text-decoration: none;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
        transform: scale(1.25);
    }

@media (max-width: 800px) {
.actionBar-action--like:hover {
transform: none;     } }

قديم 08-25-2018, 10:32 PM
المشاركة 2
MesterPerfect
.:: عضو مبدع ::.
  • MesterPerfect غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
الله الله على شرحاتك الرائعة أخي
جزاك الله خيرا
تم التطبيق بنجاح

قديم 08-26-2018, 12:21 AM
المشاركة 3
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
أهلا بك وشكرا على المتابعة

قديم 08-26-2018, 08:19 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
يا اخى بتجيب الحجات الحلوه دى منين


10/10

قديم 08-26-2018, 09:08 PM
المشاركة 5
samzad
.:: عضو مشارك ::.
  • samzad غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
شرح مميز اخى سلمت يداك

وتم تقييم الموضوع اخى

ولكن اريد الطريقه للنسخه 1.5 اذا امكن

هل يكون نفس الكود بالقالب extra.css ???

قديم 08-26-2018, 10:13 PM
المشاركة 6
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
شرح مميز اخى سلمت يداك

وتم تقييم الموضوع اخى

ولكن اريد الطريقه للنسخه 1.5 اذا امكن

هل يكون نفس الكود بالقالب extra.css ???
سأحاول أن أجد كود مشابه له في المستقبل

قديم 08-27-2018, 06:46 AM
المشاركة 7
أسم العضو
.:: عضو مشارك ::.
  • أسم العضو غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
تعديل جميل للغاية ، بعد المعاينة يبدوا الموضوع لا يشتغل ع الاندرويد شكرا للجديد دائما
اراك لاحقا

قديم 08-27-2018, 11:28 PM
المشاركة 8
for sat
.:: مشرف ::.
قسم تقنيات الإستقبال التلفزيوني
  • for sat غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
دائما تبهرنا بمواضيعك

قديم 09-03-2018, 05:15 AM
المشاركة 9
samzad
.:: عضو مشارك ::.
  • samzad غير متواجد حالياً
افتراضي رد: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
سأحاول أن أجد كود مشابه له في المستقبل
وجدت الطريقه اخى ولكنها تحتاج الى حساب مدفوع

اى احد يستطيع المساعده لايبخل علينا

https://www.customizexf.com/threads/...hancements.48/

اضافة رد

العلامات المرجعية

[xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: [xf-2]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : طريقة اضافة صندوق الإعجاب الخاص بالفيس بوك في الشريط الجانبي هيلبرنت ركن شروحات الزين فورو XENFORO 5 06-12-2018 04:16 AM
[ برنامج مجانى ] : برنامج عرض و تحرير الصور Alternate Pic View v.2.380 الإصدار الأخير ahmed200 ركن البرامج العامة 1 06-18-2017 07:34 PM
برنامج انشاء و تحرير اقراص Bluray و DVDFab 10.0.2.2 - DVD الميكاوين ركن البرامج العامة 0 02-22-2017 08:57 PM
الأسرار السبعه لإتقان اللغه الأنجليزيه ادخل وخد فكره مش هتخسر شى هيلبرنت الركن العام للمواضيع العامة 0 11-07-2016 08:23 PM
الفيس بوك يضيف ردة فعل متنوعة بدل من زر الإعجاب Mr Hero ركن اخر الاخبار التقنية 2 02-02-2016 11:51 PM




الساعة الآن 03:06 AM
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.