نسيت النوم
08-15-2015, 10:22 PM
هذا الشرح لابو كريم وتم نقل هنا عرفنا بما قام به لهيلبرنت
طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها
اليوم وبناء على طلب الاخوة فى ركن استفسارات تطوير المواقع بشرح طريقة جعل
جميع الروابط والصور داخل مواضيع المنتدى يتغير لونها
ولان كل ما هو جديد ستجدونه فى منتدانا اقدم لكم الطريقة كامله
ناتى للشرح بالصور الاول ارفق لكم صورة من العمل قبل اضافة اى تاثير
هذا هو الحال قبل اضافة اى تاثير
اما الان الصور بعد اضافة التاثير والاكواد
والان ناتى الى الشرح
اولا : ادخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / البحث فى القوالب / عن قالب
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 /* لون الاطار الخارجى عند مرور الماوس */ }
ثم حفظ ومبروك عليك
فى النهاية الموضوع متعب عليه لانه فعلا حصرى فلو اصبت فهذا من عند الله فاذكرونا من صالح دعائكم اخوكم ابو كريم
هيلبرنت
طريقة تلوين الروابط والصور بالمواضيع عند مرور الماوس عليها
اليوم وبناء على طلب الاخوة فى ركن استفسارات تطوير المواقع بشرح طريقة جعل
جميع الروابط والصور داخل مواضيع المنتدى يتغير لونها
ولان كل ما هو جديد ستجدونه فى منتدانا اقدم لكم الطريقة كامله
ناتى للشرح بالصور الاول ارفق لكم صورة من العمل قبل اضافة اى تاثير
هذا هو الحال قبل اضافة اى تاثير
اما الان الصور بعد اضافة التاثير والاكواد
والان ناتى الى الشرح
اولا : ادخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / البحث فى القوالب / عن قالب
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 /* لون الاطار الخارجى عند مرور الماوس */ }
ثم حفظ ومبروك عليك
فى النهاية الموضوع متعب عليه لانه فعلا حصرى فلو اصبت فهذا من عند الله فاذكرونا من صالح دعائكم اخوكم ابو كريم
هيلبرنت