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


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها

هذا الشرح لابو كريم وتم نقل هنا عرفنا بما قام به لهيلبرنت طريقة تلوين الروابط والصور بالمواضيع عند مرور...

احصائياتى

الردود
1

المشاهدات
1890
نسيت النوم
.:: عضو تشيط ::.
  • نسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really nice

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

المشاركات
289

+التقييم
90

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

الاقامة

نظام التشغيل

رقم العضوية
30
08-15-2015, 10:22 PM
المشاركة 1
08-15-2015, 10:22 PM
المشاركة 1
افتراضي طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها
هذا الشرح لابو كريم وتم نقل هنا عرفنا بما قام به لهيلبرنت
طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها
اليوم وبناء على طلب الاخوة فى ركن استفسارات تطوير المواقع بشرح طريقة جعل
جميع الروابط والصور داخل مواضيع المنتدى يتغير لونها
ولان كل ما هو جديد ستجدونه فى منتدانا اقدم لكم الطريقة كامله

ناتى للشرح بالصور الاول ارفق لكم صورة من العمل قبل اضافة اى تاثير

هذا هو الحال قبل اضافة اى تاثير

اما الان الصور بعد اضافة التاثير والاكواد

والان ناتى الى الشرح

اولا : ادخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / البحث فى القوالب / عن قالب
postbit_legacy


الان ابحث عن هذا الكود

كود:
      $post[message]

استبداله بـــ

كود:
<span id="akpost">$post[message]</span>

ثم قم بحفظ العمل


طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها


الان اكواد css

دخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / التحكم بالاستايلات / اختار الاستايل المراد التعديله عليه

ثم css رئيسى

فى خانة تعاريف CSS الإضافية/Additional CSS Definitions

ضع هذا الكود
كود:
     #akpost a{     font-family: Arial, Helvetica, sans-serif;   /* نوع الخط */     font-size: 16pt; /* حجم الخط */     font-weight: bold; /* شكل الخط */     text-decoration: none; /* لإزالة الخط من اسفل الروابط */     color:    #bf02fd   /* لون الرابط */     padding: 5px;  } #akpost a:hover {  background-color:    #ffc6d9     /* لون خلفية النص */  -webkit-box-shadow: 0px 3px 3px 0px    #fe77a3   /* لون الاطار الخارجى عند مرور الماوس */ box-shadow: 0px 3px 3px 0px    #fd568d            /* لون الاطار الخارجى عند مرور الماوس */ }

ثم حفظ ومبروك عليك

فى النهاية الموضوع متعب عليه لانه فعلا حصرى فلو اصبت فهذا من عند الله فاذكرونا من صالح دعائكم اخوكم ابو كريم



هيلبرنت


قديم 08-16-2015, 01:57 PM
المشاركة 2
برادة
.:: عضو مشارك ::.
  • برادة غير متواجد حالياً
افتراضي رد: طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها

اضافة رد

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

طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها


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

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : طريقة اضافة تاثير وميض على زر التسجيل اثناء مرور الماوس شرح للجيل الثانى هيلبرنت ركن شروحات الزين فورو XENFORO 4 02-22-2019 01:29 AM
طريقة اظهار نبذة مختصرة عن محتوى الموضوع عند مرور الماوس على عناوين المواضيع هيلبرنت ركن تطوير منتديات vb3.8.0 3 07-03-2018 07:43 PM
طريقة تكبير الصورة الرمزية عند مرور الماوس عليها مثل هيلبرنت هيلبرنت ركن تطوير منتديات vb3.8.0 17 01-01-2017 11:31 AM
طريقة تكبير صور عند مرور الماوس مثل هيلبرنت (سابقة) =d Pro Ebram ركن مشاكل وطلبات المنتديات 5 12-11-2015 09:20 PM
طريقة تلوين الروابط والصور بالمواضيع بمرور الماوس عليها ahmed200 ركن تطوير منتديات vb3.8.0 0 09-27-2015 01:45 AM




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