[CSS]شرح طريقة تصميم واجهة interface أو مدخل بسيط من صورة ورابط فقط
http://www.dzbatna.com/images/icons/iconrote.gif [CSS]ط´ط±ط* طھطµظ…ظٹظ… ظˆط§ط¬ظ‡ط© ط£ظˆ ظ…ط¯ط®ظ„ ط¨ط³ظٹط· ظ…ظ† طµظˆط±ط© ظˆط±ط§ط¨ط· ظپظ‚ط·
بسم اللـهـ الرحمن الرحيم ..
السلام عليكم ورحمة الله وبركاته
درس مفصل بسيط وسهل عن تركيب install واجهة interface جدا بسيطة ..
مش راح تاخد منك 10 دقايق
فقط صورة ورابط موقعك او منتداك..
نبــدأ باسم اللــهـ
--------
صمم صورة الواجهة interface او المدخل بأي مقاس مناسب ..
افتح الاكسبريشن او الدريم ويفر ..
ابدأ صفحة جديدة .. واذهب الى تاب الكود code ..
وداخل وسم الـ Body ننشئ Div لنضع فيها الصورة
رمز Code:
هنا سنضع الصورة والرابط
نبدأ الآن في كتابة الـ css
وبما اننا في صفحة اكوادها قليلة يمكننا تضمين اكواد الـ css داخل الصفحة ..
- اعمل Reset للصفحة ..
ما تنسى وضع وسم الـ style
رمز Code:
* { margin:0; padding:0; border:0; }
- أريد الآن توسيط كل محتويات الصفحة .. واعطاء لون خلفية مناسب لصورة المدخل..
رمز Code:
body { margin:0 auto; text-align:center; background-color:black; }
- ننشيئ الآن الـ ID الخاص بديف الصورة..
رمز Code:
#inter { width:auto; height:600px; background: url('Inter.jpg') no-repeat; }
هناحددت مقاسات الصورة ووضعتها خلفية..
نروح لأكواد الهتمل لوضع الرابط والصورة..
استبدل الرابط..
يمكنك زيادة اكواد مثل ما تحب ..
هذه ما الا طريقة بسيطة جدا وبأكواد قليلة ونظيفة لعمل مدخل لمنتداك او موقعك..
رابط معاينة ..
والحمدلله الصفحة طالعة نظيفة وما فيها اي اخطأء
// تم ارفـاق الصورة ولصفحة //
/
\
أي سؤال او استفسار أنا حاضرة ان شاء الرحمن..
دمــتم في حفظ البـاري ،،
الرابط الأصلي للموضوع
مدرس مفصلة كليبرز،،
شرح طريقة فيديو في السريع المريع http://www.dzbatna.com/images/smilies/crazy.gif
ما حد يضحك بليز http://www.dzbatna.com/images/smilies/blushing.gif
اتفضلو من هنا
http://www.4shared.com/file/23540774...rface_Tut.html
ان شاء الله تستفيدو كده أكثر ..
لو فيه اي استفسار أو مشكلة في اي شيئ انا حاضرة بعون الله ،،
دمتم سالمين ،،
التعديل الأخير كان بواسطة ابو شدق; 07 - 03 - 2014 الساعة 01:18 السبب: اضافة الشرح طريقة بالفيديو
الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif interface.zip (601 بايت, عدد مرات المشاهدة 340 مرة) [/TR]
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
