دورة تصميم ستايل styleات للVb الجزء الأول من الشبح

[admin]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© طھطµظ…ظٹظ… ط³طھط§ظٹظ„ط§طھ ظ„ظ„Vb ط§ظ„ط¬ط²ط، ط§ظ„ط£ظˆظ„ ظ…ظ† ط§ظ„ط´ط¨ط* (http://www.dzbatna.com/t273059/)




دورة تصميم ستايل styleات للVb الجزء الأول من الشبح

bahrain2014

بعد الإنتهاء من تصميم لستايل style في الفوتوشوب
http://www.alshaba7.net/pp/shroo7/vbstyle1/1.jpg

اختر هذه الأداة
http://www.alshaba7.net/pp/shroo7/vbstyle1/2.jpg
وقصص لستايل style بالطريقة التالية
http://www.alshaba7.net/pp/shroo7/vbstyle1/3.jpg
ثم اختر file من القائمة العلوية وثم save for web
http://www.alshaba7.net/pp/shroo7/vbstyle1/4.jpg
سيضهر لك التالي اضغط على save
http://www.alshaba7.net/pp/shroo7/vbstyle1/5.jpg
ثم افتح برنامج لفرونت بيج
http://www.alshaba7.net/pp/shroo7/vbstyle1/6.jpg
وبعدها اختر كلمة code من الأسفل
http://www.alshaba7.net/pp/shroo7/vbstyle1/7.jpg
ثم ارجع لصفحة designe وكون جدول
http://www.alshaba7.net/pp/shroo7/vbstyle1/8.jpg
بعد ذلك اضغط على الجدول رايت كلك table properties
http://www.alshaba7.net/pp/shroo7/vbstyle1/9.jpg
وغير المعلومات إلى المعلومات التالية
http://www.alshaba7.net/pp/shroo7/vbstyle1/10.jpg
الآن اضغط في اي مكان رايت كلك ثم page properties
http://www.alshaba7.net/pp/shroo7/vbstyle1/11.jpg
وغير none إلى right to left to left
http://www.alshaba7.net/pp/shroo7/vbstyle1/13.jpg
بعد الإنتهاؤ اضغط على زر ok
-
حدد ال3 مربعات الوسطية
http://www.alshaba7.net/pp/shroo7/vbstyle1/14.jpg
واضغط عليهم رايت كلك marge cells
http://www.alshaba7.net/pp/shroo7/vbstyle1/15.jpg
الحين افتح الملف الي خزنته قبل شوي من save for web بالفرونت بيج ورتب الصور
عند الإنتهاء من ترتيب الصور ستلاحض مشاكل مثل
http://www.alshaba7.net/pp/shroo7/vbstyle1/17.jpg
و
http://www.alshaba7.net/pp/shroo7/vbstyle1/16.jpg
الحل بسيط
كل صور على حسب اتجاهة خلها على اتجاها مثلاً الي على اليمين يمين والي على اليسار يسار من هذي الدوات
http://www.alshaba7.net/pp/shroo7/vbstyle1/18.jpg
والعمودين اضغط عليهما دبل كلك وثم general
http://www.alshaba7.net/pp/shroo7/vbstyle1/19.jpg
ثم امسح العمود واضغط رايت كلك cell properties مكانه
http://www.alshaba7.net/pp/shroo7/vbstyle1/20.jpg
ضع علامة صح امام use background picture والصق مانيخته قبل قليل واضغط على ok
وافعل الشيئ نفسه للعمود الثاني
واذهب لأعلى الأٍستايل style حيث المشاكل اضغط دبل كلك على الصورة العلوية
http://www.alshaba7.net/pp/shroo7/vbstyle1/16.jpg
http://www.alshaba7.net/pp/shroo7/vbstyle1/19.jpg
وثم احذف الصورة واضغط رايت كلك cell properties
http://www.alshaba7.net/pp/shroo7/vbstyle1/20.jpg
ضع صح اما use background picture والصق مانسخته واضغط ok
واضغط رايت كلك cell propeties أيضاً على المكانين اليمين واليسار مكان ضهور الون الابيض
http://www.alshaba7.net/pp/shroo7/vbstyle1/20.jpg
وضع علامة الصح والصق مانسخته مرة اخرى
وافعل الشيئ نفسه في الأسفل
http://www.alshaba7.net/pp/shroo7/vbstyle1/17.jpg
النهاية اقتربت اختر صفحة code من الأسفل وانسخ كل المكتوب فيها
http://www.alshaba7.net/pp/shroo7/vbstyle1/21.jpg
الأن افتح محرر النصوص note pad
http://www.alshaba7.net/pp/shroo7/vbstyle1/22.jpg
والصق مانسخته
ثم اختر edit replace من القائمة العلوية
http://www.alshaba7.net/pp/shroo7/vbstyle1/23.jpg
وفي اول خانة اكتب images/
في ثاني خانة اكتب اسم مجلد الصور ثم /
http://www.alshaba7.net/pp/shroo7/vbstyle1/24.jpg
بعد الإنتهاء اضغط replace All و انسخ المكتوب في محرر النصوص والصقه فس صفحة code في لفرونت بيج وارجع لصفحة design
وضع الماوي في اي مكان في الوسط
http://www.alshaba7.net/pp/shroo7/vbstyle1/25.jpg
وارجع لصفحة code
http://www.alshaba7.net/pp/shroo7/vbstyle1/26.jpg
ولا تحرك الماوس إلى اي مكان من مكان الماوس
http://www.alshaba7.net/pp/shroo7/vbstyle1/27.jpg
جزء الهيدر header امسح الهيدر header كله والصق جزء الهيدر header الذي نسخته من لفرونت بيج
اما عن الفوتر انسخ الجزء الموجود في لفرونت بيج والصقه في نهاية الفوتر في المنتدى forum
http://www.alshaba7.net/pp/shroo7/vbstyle1/28.jpg
واضهب لمجلد الصور images الذي خزنه الفوتوشوب مع ملف الhtml وانسخ الصور الموجودين داخل images واعمل ملف جديد داخل مجلد المنتدى forum الرئيسي بالأسم الذي اخترته لمجلد الصور والصق الصور فيه
وشاهد النتيجة
----------------------------------------------------------------------



انتضرو الجزء الثاني






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



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