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


مواضيع تهمك

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

طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى

السلام عايكم ورحمه الله وبركاته درسنا اليوم اعتبره تقدم هاااااااااااائل فى منتديات الزين فورو لانها تقترب...

احصائياتى

الردود
4

المشاهدات
3045
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

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

الاقامة
ام الدنيــ EGYPT ــا

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

رقم العضوية
1
01-07-2017, 09:35 PM
المشاركة 1
01-07-2017, 09:35 PM
المشاركة 1
افتراضي طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
السلام عايكم ورحمه الله وبركاته
درسنا اليوم اعتبره تقدم هاااااااااااائل فى منتديات الزين فورو لانها تقترب من منتديات الفى بى vbulletin التى عشقها الملايين على مدار 16 عام الماضية
[اسم الشرح]: جعل شعار منتدى الزين فورو متحرك
[الوصف] : جعل شعار او لوجو منتديات الزين فورو متحركة بمجرد مرور الماوس عليها
[التوافق مع الاصدارات] : يتوافق مع 1.2 1.3 1.4 1.5 اى مع جميع الاصدارات حتى الان
[موقع صاحب المقال] : معهد هيلبرنت

شاهدو معى هذا الفيديو حتى تتضح الامور
مدة العرض : 11 ثانية

الخطوات
ادخل الى لوحة تحكم المنتدى >>>>> ثم المظهر >>>>> ثم اختار الاستايل المراد التعديل عليه >>>> ثم البحث فى القوالب >>> ابحث عن EXTRA.css كما تشاهد بالصورة


ثم قم بوضع الكود الاتى داخله
كود:
/* shake it baby */
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.shake {
display:inline-block
}
2- ثم قم بالبحث مره اخرى داخل القوالب عن logo_block كما بالصوره


ثم ابحث بداخله عن هذا الكود
كود:
<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
واستبداله بالاتى

كود:
<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" class="shake" />
ثم احفظ حفظكم الله
تم بحمد الله


قديم 01-09-2017, 08:19 PM
المشاركة 2
sadat
.:: عضو فعال ::.
  • sadat غير متواجد حالياً
افتراضي رد: طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
مشاء الله شروحات ممتازة اخى

قديم 01-14-2017, 09:47 PM
المشاركة 3
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
مروركم دائما يسعدنا

قديم 01-16-2017, 08:28 PM
المشاركة 4
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
مافيش كلام شرح مافهوش كلام

قديم 01-17-2017, 10:36 PM
المشاركة 5
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
نورتنى اخى هيلبر

اضافة رد

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

طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى


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

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة جعل شعار منتدى الزين فورو متحرك شرح حصرى
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] : طريقة جعل شعار الزين فورو فى منتصف الهيدر او المنتدى abo-karim ركن شروحات الزين فورو XENFORO 2 06-07-2020 09:06 PM
[ شرح ] : طريقة رفع الابتسامات وتركيبها بدون هاكات لمنتديات الزين فورو - xenforo شرح حصرى abo-karim ركن شروحات الزين فورو XENFORO 3 11-19-2018 03:11 PM
[ تعريب] : طريقة تعريب منتدى الزين فورو xenforo وطريقة رفع ملف التعريب الخاص به abo-karim اضافات الزين فورو XENFORO 9 06-03-2018 01:47 AM
[ شرح ] : طريقة اضافة منتدى رئيسى ومنتدى فرعى لمنتديات الزين فورو شرح مصور هيلبرنت ركن شروحات الزين فورو XENFORO 4 06-29-2017 04:06 PM
طريقة حذف النافبار من اسفل منتديات الزين فورو شرح حصرى لهيلبرنت abo-karim ركن شروحات الزين فورو XENFORO 0 09-23-2016 11:41 AM




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