[CSS]ط´ط±ط* طھطµظ…ظٹظ… ظˆط§ط¬ظ‡ط© ط£ظˆ ظ…ط¯ط®ظ„ ط¨ط³ظٹط· ظ…ظ† طµظˆط±ط© ظˆط±ط§ط¨ط· ظپظ‚ط·


بسم اللـهـ الرحمن الرحيم ..

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

درس مفصل بسيط وسهل عن تركيب install واجهة interface جدا بسيطة ..
مش راح تاخد منك 10 دقايق
فقط صورة ورابط موقعك او منتداك..

نبــدأ باسم اللــهـ

--------

صمم صورة الواجهة interface او المدخل بأي مقاس مناسب ..
افتح الاكسبريشن او الدريم ويفر ..

ابدأ صفحة جديدة .. واذهب الى تاب الكود code ..

وداخل وسم الـ Body ننشئ Div لنضع فيها الصورة

رمز Code:
<div id=&quot;inter> هنا سنضع الصورة والرابط</div>


نبدأ الآن في كتابة الـ 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; }


هناحددت مقاسات الصورة ووضعتها خلفية..


نروح لأكواد الهتمل لوضع الرابط والصورة..




رمز Code:
<div id=&quot;inter&quot;><a href=&quot;http://www.pinkygrafix.com/inf&quot;><img src=&quot;Inter.jpg&quot; alt=&quot;اكتب هنا وصف او اسم موقعك&quot; /></a></div>



استبدل الرابط..



يمكنك زيادة اكواد مثل ما تحب ..

هذه ما الا طريقة بسيطة جدا وبأكواد قليلة ونظيفة لعمل مدخل لمنتداك او موقعك..




رابط معاينة ..







والحمدلله الصفحة طالعة نظيفة وما فيها اي اخطأء






// تم ارفـاق الصورة ولصفحة //



/
\




أي سؤال او استفسار أنا حاضرة ان شاء الرحمن..



دمــتم في حفظ البـاري ،،



الرابط الأصلي للموضوع



مدرس مفصلة كليبرز،،





شرح طريقة فيديو في السريع المريع

ما حد يضحك بليز

اتفضلو من هنا

http://www.4shared.com/file/23540774...rface_Tut.html


ان شاء الله تستفيدو كده أكثر ..

لو فيه اي استفسار أو مشكلة في اي شيئ انا حاضرة بعون الله ،،

دمتم سالمين ،،




التعديل الأخير كان بواسطة ابو شدق; 07 - 03 - 2014 الساعة 01:18 السبب: اضافة الشرح طريقة بالفيديو

الملفات المرفقة [TR]
interface.zip (601 بايت, عدد مرات المشاهدة 340 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©