طريقة التسجيل المعتمدة داخل معهد هيلبرنت

الى كل من واجه مشكله اثناء التسجيل بالمعهد



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

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

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

احصائياتى

الردود
8

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

المشاركات
893

+التقييم
183

تاريخ التسجيل
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]- تغيير شكل الأزرار [ الإعجاب - الإقتباس - الرد - تحرير ]
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تغيير لون الاسم المخصص لرتبة المدير مثلا الى لون احمر للنسخه 1.5 + تغيير موضع الصوره الرمزيه samzad ركن مشاكل وطلبات الزين فورو XENFORO 4 07-23-2018 02:39 PM
[XF 2.x] : طريقة اضافة صندوق الإعجاب الخاص بالفيس بوك في الشريط الجانبي هيلبرنت ركن شروحات الزين فورو XENFORO 5 06-12-2018 04:16 AM
برنامج انشاء و تحرير اقراص Bluray و DVDFab 10.0.2.2 - DVD الميكاوين برامج كمبيوتر PC 0 02-22-2017 08:57 PM
الأسرار السبعه لإتقان اللغه الأنجليزيه ادخل وخد فكره مش هتخسر شى هيلبرنت الركن العام للمواضيع العامة 0 11-07-2016 08:23 PM
الفيس بوك يضيف ردة فعل متنوعة بدل من زر الإعجاب Mr Hero ركن اخر الاخبار التقنية 2 02-02-2016 11:51 PM




الساعة الآن 10:12 PM
Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum