المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح طريقة وضع خط أسفل عنوان الخبر للبوابة عند مرور الماوس



walid
11-01-2013, بتوقيت غرينيتش 07:35 AM
السلام عليكم

هذا الاجراء لسكربت البوابة العربية

في البدء شكر موصول إلى الأخ المحترف "علي" مراقب البوابة العربية

سأبدأ بشرح طريقة طريقة وضع خط أسفل كل عنوان خبر عند تمرير الماوس عليه مثل ما موجود في "رويترز" او المواقع الاخبارية القوية، الى جانب مئات المنتديات المهمة وبخاصة منتدى البوابة العربية.

لا تنسى قبل البدء باية عملية خذ نسخة احتياطية
يعني كوبي ثم بيست في صفحة ورد باد او نوت باد او حتى اوفيس

نبدأ

أولا

افتح لوحة تحكم البوابة

ثم من على اليمين

اذهب إلى المظهر المستخدم

ثم تحرير تصميم

ثم إلى الثيم الخاص بك

ثم Style Sheet (اول خانة اي اللغة النمطية CSS

بعدها ابحث عن:
رمز Code:
A:hover { COLOR : #cc3300; TEXT-DECORATION : none }
ويعني الكود code ديكور النص – كلا

غيرها إلى
رمز Code:
A:hover { COLOR : #cc3300; TEXT-DECORATION : underline; }
اصبح ديكور النص (خط تحتي)

* النص هنا يعني العناوين فقط وليس نص الخبر كاملا لان نصوص الاخبار لاتحتوي على روابط

· واذا لم يظهر الخط فهذا يعني ان هناك كود codeا يمنع ذلك

ابحث في قالب template الفوتر او قالب template اندكس مين عن هذه الانماط واحذفها

والاغلب هو موجود في قالب template الفوتر

الطريقة/

اذهب إلى المظهر المستخدم

ثم تحرير تصميم

ثم إلى الثيم الخاص بك

ثم إلى ثالث خانة (اسمها ذيل الصفحة وأسفل الصفحة)

بعدها ابحث عن
رمز Code:
<style> <!-- A:link {text-decoration: none; color: } A:visited {text-decoration: none; color: } A:active {text-decoration: none; color: } A:hover {text-decoration: none; color: } --> </style>
عادة يكون في بداية القالب template

حذف ثم حفظ..

بعدها اذهب الى الصفحة الرئيسة..
ولكي تعمل رفرشة قوية (مضاعفة)
اضغط كونترول واف5 سوية

بعدها سيظهر لك الخط من خلال تمرير الماوس على أي عنوان

ملاحظة/ واذا لم يظهر ذلك ابحث عن الانماط (الكود code) اعلاه في قالب template الاندكس واحذفها.
الموضوع خاص بي

وهذا مصدره/ شرح طريقة كيفية وضع خط أسفل عنوان الخبر عند مرور الماوس - البوابة العربية (http://www.arab-portal.info/forum.php?action=view&id=11704)

اخوكم ليث









الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/593921d1313151398t-untitled1.jpg (http://www.traidnt.net/vb/attachments/593921d1313151398-untitled1.jpg)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى