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

مشاهدة النسخة كاملة : [شرح] [ jquery & Css ] شرح تغير لون الخلفيه و الخط للوصف عند مرور مؤشر الماوس عليه

Mr.Ahmed Hussein
04-04-2011, 02:13 مساءً
الـسلام عليكم ورحمة الله وبركاته ، بسم الله الرحمن الرحيم

اعتذر ع التأخير بسبب ظروف مرضى ، أخـباركم يالغالين ،، إن شاء الله بخير دايـماً ..

الأن أقدم لكم ،’

[ jquery & Css ] شرح تغير لون الخلفيه و الخط للوصف عند مرور مؤشر الماوس عليه

مثـال مباشر ..

http://www.progs4u.net/vb/example/Title-Link

ويمكنك تغيير لون الخلفية والخط فى ملف [ title.css ] ..

الأن شرح طريقة تغيير لون الخلفية والخط :

قم تحميل ملف بالمرفق [ Title-Link.rar ] ..

ثم افتح ملف [ title.css ] عن طريق إكسبريشن ويب او اى برنامج تحرير نصوص ..

وتابع الشرح صورة التالى ..

http://www.progs4u.net/vb/attachment.php?attachmentid=432&stc=1&d=1301932039

كيف تجيب كود لون .. ؟ من الفوتوشوب اختر اى لون وبعد ذلك انسخ الكود

http://www.progs4u.net/vb/attachment.php?attachmentid=434&stc=1&d=1301932245

بعد تغيير لون الخلفية والخط والأن شرح كيفية تركيب الوصف فى المنتدى ..

ارفع ملفين وهم [ title.css ] - [ title.js ] الى مجلد الصور [ www/vb/images ] ..

بعد رفع ملفين والأن قم الذهاب الى لوحة التحكم بالمنتدى

ثم الإستايلات والقوالب > التحكم بالإستايلات > اختر إذهب لإى استايل > ثم انسخ الكود التالى ..

<script type="text/script" src="images/title.js">
<link type="text/css" href="images/title.css" rel="stylesheet" />والصق الكود فى أخر قالب [ headinclude ] أو شوف صورة التالى ..

http://www.progs4u.net/vb/attachment.php?attachmentid=433&stc=1&d=1301932039

ثم انقر حفظ ، والأن اذهب الى المنتدى وشوف النتيجة ..

ثانياً : كيفية تركيب الوصف فى الموقع ..

ارفع ملفين وهم [ title.css ] - [ title.js ] الى مجلد الموقع ..

بعد رفع ملفين والأن افتح ملف اندكس [ index.php ] Or [ index.html ]
عن طريق إكسبريشن ويب او اى برنامج تحرير نصوص ..

انسخ الكود التالى ..

<script type="text/script" src="title.js">
<link type="text/css" href="title.css" rel="stylesheet" />والصق الكود قبل الكلمة [ </head> ] أو شوف صورة التالى ..

http://www.progs4u.net/vb/attachment.php?attachmentid=436&stc=1&d=1301932672

الأن احفظ الملف واذهب الى الموقع وشوف النتيجة ..

هكذا إنتهت .. وتم بحمد لله

الموضوع كامل جهد شخصي ،، دعواتكم لي بالتوفيق والنجاح

لن أسامح أسامح من يقوم بالنقل بدون ذكر المصدر

المصدر : http://www.progs4u.net/vb/showthread.php?t=4110
mr.arabyun
05-04-2011, 05:54 صباحاً
بارك الله فيك يالغالي
الشبح
05-04-2011, 06:06 صباحاً
بارك الله فيك اخي دائما دروسك مميزة
شباب كافيه
05-04-2011, 10:04 صباحاً
درس متميز وقوي..بانتظار جديدك على المرسى
عماد مسعد
05-04-2011, 10:19 مساءً
جزاك الله خيرا
عبد الرحمان
09-04-2011, 04:02 مساءً
جزاك الله كل خير على الدرس الجميل
بلال محسن
02-05-2011, 09:17 صباحاً
شكراااااا جزيلا
بلال محسن
02-05-2011, 09:18 صباحاً
شكرا جزيلا درس رائع
قحطانوف
13-07-2011, 08:30 مساءً
يعطيك الف عافية
وجزاك ربي كل خير على الشرح الوافي
في ميزان حسناتك ان شاء الله

تم التطبيق يا غالي

لكن المشكلة ما تغير شي

تعديلي على الملف صحيح ومرفق
والكود تم لصقه بقالب headinclude بطرقة صحيح
رفعت الملفات الى مجلد الصور
مع هذا ما تغير شي ....؟؟

المشكلة وين ممكن انها تكون ..؟
ابو باسل
14-07-2011, 05:19 صباحاً
الله يعطيك العافية
حركة رائعه
click-link1.net
10-02-2012, 08:07 صباحاً
الله يوفقك ويحرم ايدك عن النار,,
click-link1.net
10-02-2012, 08:11 صباحاً
حركة جميلة,,
الله يوفقك
سارق عيونك
28-02-2012, 03:12 مساءً
جميل

بارك الله فيك .