عيد الاضحى المبارك


مواضيع تهمك

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

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

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

احصائياتى

الردود
8

المشاهدات
1498
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 غير متواجد حالياً

المشاركات
998

+التقييم
187

تاريخ التسجيل
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]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[blogger] طريقة تحرير وتعديل قوالب مدونة بلوجر هيلبرنت ركن تطوير المواقع 0 05-31-2020 06:07 PM
[ برنامج مجانى ] : تحميل برنامج تحرير وإنشاء ملفات الـ بى دى إف PDF Shaper هيلبرنت برامج كمبيوتر 1 10-14-2019 11:09 PM
[XF 2.x] : طريقة اضافة صندوق الإعجاب الخاص بالفيس بوك في الشريط الجانبي هيلبرنت ركن شروحات الزين فورو XENFORO 5 06-12-2018 04:16 AM
برنامج انشاء و تحرير اقراص Bluray و DVDFab 10.0.2.2 - DVD الميكاوين برامج كمبيوتر 0 02-22-2017 08:57 PM
الفيس بوك يضيف ردة فعل متنوعة بدل من زر الإعجاب Mr Hero ركن اخر الاخبار التقنية 2 02-02-2016 11:51 PM




الساعة الآن 04:13 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum