شرح CSS Sprites الجزء الثاني ,صور فصورة واحدة ,سرعة تصفح خيالية بالفيديو على اليوتيوب

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

عدنا والعود أحمد

كيف حالكم طيبين ان شاء الله

طبعا بعد ما خلصنا من الدرس الاول هنا

شرح CSS Sprites الجزء الأول ,صور فصورة واحدة ,سرعة تصفح خيالية بالفيديو على اليوتيوب

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

حسننا قبل كل شئ

لمن يريد تطبيق حركة الجكوري للمنتدى

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

رمز PHP:

ضعه في أخر قالب ال headinclude

خصائص ال css ضعها بدون وسم الاستايل البداية والنهاية


هذا

رمز PHP:

وهذا

رمز PHP:

ضعها في تعاريف css الاضافية

وما بين وسم body لي هي الازرار اختار مكان ظهورها

الان في الدرس السابق تعرفنا على

css sprites

فوائدها ومميزتها

كيف تعمل

الدرس الجديد

سنتعلم اضافة روابط على كلاسات وديفات

سنتعمل اضافة حركة جكوري جميلة على الازرار

ولمن يريد أن يستفسر أكثر يستطيع الفهم في رد مشاركة المشرف Ahmod

إضغط هنا

والإقتباس

اقتباس:
واحلى مافيها انه ماتسوى تشوه عند مرور الماوس ابدا

لان الطريقة القديمة المتصفح كان مايحمل الصورة حقت الهوفر الا لما تمرر الماوس عليها فيوم تمرر الماوس عليها لازم تنتظر شوي لين ماتتحمل الصورة
حيث تستطيع تفهم احد ميزات css sprites من هالرد

المهم

نتيجة درسنا اليوم

مثال حي أضغط هنا

رابط الدرس إضغط هنا

رمز PHP:

http://www.creativityworld.net/video/css-sprites-2/index.html

واتمنى في النهاية ان ينال درس فهمكم وتطبيقكم :)

وأي إستفسار انا موجود

إعداد : Honourable

الملفات المرفقة js.zip (27.8 كيلوبايت)







أكثر...