walid
10-30-2013, بتوقيت غرينيتش 01:55 PM
=== بسم الله الرحمن الرحيم ===
http://www.des4x.com/fas/1.png
[درس مفصل 2]Creative Menu With CSS &Xhtml
http://www.des4x.com/fas/creative-animation.png
=== وصف الدرس مفصل===
هذا هوا الدرس مفصل الثانى وهو تصميم قائمه بتقنية css
وسيتم غدا بمشيئة الله عمل درس مفصل اخر لقائمه
بشكل اخر وبطريقه اخرى
===البرامج المستخدمه فى هذا الدرس مفصل===
Adobe Photoshop CS5
Adobe DreamWevar CS4
=== التصميم ===
http://img580.imageshack.us/img580/7816/coloryf.png
ها هو التصميم لصوره الخلفيه للقائمه
http://img841.imageshack.us/img841/203/grey.png
=== الدرس مفصل ===
هذا الكود code بالاستفل
هو تابع لكلاسات ملف style.css
فقم بنقله اليه
اعذرونى لم اقدر اصوره فديو بسبب كل ام اتم عمل الدرس مفصل فديو النور يقطع على http://www.dzbatna.com/images/smilies/tears.gif
انشاء الله راح اعملو غدا فديو لكم لاكن الحين حاولو تفهموه
رمز Code:
body { padding: 50px; } /* The CSS Code for the menu starts here */ #menu { font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; margin: 50px 0; padding: 0 0 0 10px; list-style-type: none; font-size: 13px; background: #eee; height: 40px; border-top: 2px solid #eee; border-left: 2px solid #eee; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; } #menu li { float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 40px; color: #666; } #menu li a:hover, #menu li.active a { background-color: #f5f5f5; border-bottom: 2px solid #DDD; color: #999; }
هذا الكود code
=== تحميل باقى الدرس مفصل فديو صوت وصوره ===
متأسف جدا قد تلاقو بعد التوقفات نسبتاً لانشغالى بالبيت اليوم
كل شوى ينادو على http://www.dzbatna.com/images/smilies/nosweat.gif
1
عمل الملفات
Here (http://www.des4x.com/video/2/1.rar)
2
كتابة الXhtml
Here (http://www.des4x.com/video/2/3.rar)
=== ملفات العمل===
Here (http://www.des4x.com/video/2/menu.rar)
=== الناتج===
Here (http://www.des4x.com/design4x/menu/)
=== الدرس مفصل القادم ===
سيكون غدا يوم الخميس
عمل قائمه بشكل اخر وطريقه اخرى
سيتم الاول عمل بعض الدروس عن css Xhtml
حتى تتعرفون عليها وثم بعد ذلك ندخل على الجافاك ja
=== هام ===
ستتم الدروس بدايه بتصميم زر
ثم قائمه
ثم اضافه تأثيرات بالجافا الخ الخ
حتى نوصل لجميع الالاعيب التى تحدث للقوائم والازرار
بإذن الله
انتظر الدعم والتشجيع
لدوره لا تستفيد وترحل
قم بتشجيعى ولو بكلمه حتى اكمل
المسيره
والله ولى التوفيق
=== http://www.dzbatna.com/images/smilies/tears.gifتم بواسطة Byhttp://www.dzbatna.com/images/smilies/tears.gif ===
عمرو عبد العزيز
Amr abd elazez
Design4x (http://www.des4x.com)
www.des4x.com
=== http://www.dzbatna.com/images/smilies/tears.gifالسلام عليكم ورحمة الله وبركاتهhttp://www.dzbatna.com/images/smilies/tears.gif ===
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
http://www.des4x.com/fas/1.png
[درس مفصل 2]Creative Menu With CSS &Xhtml
http://www.des4x.com/fas/creative-animation.png
=== وصف الدرس مفصل===
هذا هوا الدرس مفصل الثانى وهو تصميم قائمه بتقنية css
وسيتم غدا بمشيئة الله عمل درس مفصل اخر لقائمه
بشكل اخر وبطريقه اخرى
===البرامج المستخدمه فى هذا الدرس مفصل===
Adobe Photoshop CS5
Adobe DreamWevar CS4
=== التصميم ===
http://img580.imageshack.us/img580/7816/coloryf.png
ها هو التصميم لصوره الخلفيه للقائمه
http://img841.imageshack.us/img841/203/grey.png
=== الدرس مفصل ===
هذا الكود code بالاستفل
هو تابع لكلاسات ملف style.css
فقم بنقله اليه
اعذرونى لم اقدر اصوره فديو بسبب كل ام اتم عمل الدرس مفصل فديو النور يقطع على http://www.dzbatna.com/images/smilies/tears.gif
انشاء الله راح اعملو غدا فديو لكم لاكن الحين حاولو تفهموه
رمز Code:
body { padding: 50px; } /* The CSS Code for the menu starts here */ #menu { font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; margin: 50px 0; padding: 0 0 0 10px; list-style-type: none; font-size: 13px; background: #eee; height: 40px; border-top: 2px solid #eee; border-left: 2px solid #eee; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; } #menu li { float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 40px; color: #666; } #menu li a:hover, #menu li.active a { background-color: #f5f5f5; border-bottom: 2px solid #DDD; color: #999; }
هذا الكود code
=== تحميل باقى الدرس مفصل فديو صوت وصوره ===
متأسف جدا قد تلاقو بعد التوقفات نسبتاً لانشغالى بالبيت اليوم
كل شوى ينادو على http://www.dzbatna.com/images/smilies/nosweat.gif
1
عمل الملفات
Here (http://www.des4x.com/video/2/1.rar)
2
كتابة الXhtml
Here (http://www.des4x.com/video/2/3.rar)
=== ملفات العمل===
Here (http://www.des4x.com/video/2/menu.rar)
=== الناتج===
Here (http://www.des4x.com/design4x/menu/)
=== الدرس مفصل القادم ===
سيكون غدا يوم الخميس
عمل قائمه بشكل اخر وطريقه اخرى
سيتم الاول عمل بعض الدروس عن css Xhtml
حتى تتعرفون عليها وثم بعد ذلك ندخل على الجافاك ja
=== هام ===
ستتم الدروس بدايه بتصميم زر
ثم قائمه
ثم اضافه تأثيرات بالجافا الخ الخ
حتى نوصل لجميع الالاعيب التى تحدث للقوائم والازرار
بإذن الله
انتظر الدعم والتشجيع
لدوره لا تستفيد وترحل
قم بتشجيعى ولو بكلمه حتى اكمل
المسيره
والله ولى التوفيق
=== http://www.dzbatna.com/images/smilies/tears.gifتم بواسطة Byhttp://www.dzbatna.com/images/smilies/tears.gif ===
عمرو عبد العزيز
Amr abd elazez
Design4x (http://www.des4x.com)
www.des4x.com
=== http://www.dzbatna.com/images/smilies/tears.gifالسلام عليكم ورحمة الله وبركاتهhttp://www.dzbatna.com/images/smilies/tears.gif ===
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
