اكواد بتجعل الازرار على الواجهه وغيرها من الاضافات

تذكير بمساهمة فاتح الموضوع :

الرمز:

ضع هونا اي شيء

جميع هذه الكلمات بتحصلهى بنفس الكود
الكلمه
الاولى

RIGHT: 400px;
هاذه الكلمه لتوجيه الشي الموجود بالكود
الى
اليمين او اليسار

غير الرقم الموجود
400
اذا زدت في الرقم سيتوجه الى
اليسار
واذا نقصت الرقم سيتوجه الى اليمين



الكلمه
الثانيه

WIDTH: 102px;
هذه الكلمه لزيادة العرض
لا تقم باي تعديل عليه
الى عند الحاجه
غير الرقم
102
لجعل الشيء الموضوع بالكود في حاله
مستقيمه




الكلمه الثالثه
هاذه الكلمه لتوجيه الشي الموجود
بالكود
الى الاسفل او الاعلى

TOP: 100px;
غير الرقم
100
اذا زدت
الرقم سيتوجه الشي الموضوع في الكود الى الاسفل
اما اذا نقصت في العدد سيتوجه
الى الاعلى



الكلمه الرابعه

HEIGHT: 20px

هذه الكلمه
لزيادة الطول
لا تقم باي تعديل عليه




شرح طريقة عمل الازرار
على الواجهه


مع فهم طريقة التعامل مع الكود

اذهب الى الهوتمل
وحول صندوق الهوتمل
من الاخضر

الى
الاحمر


ثم انقر على الايقونه هاذه


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


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




ثم انقر على الايقونه هاذه مره اخرا




ليظهر لك كما في الصوره


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




ثم نقوم بحفظ العمل



اذهب الى التصميم
وانقر على الايقونه هاذه

لكي
يظهر لك كودالتصميم الذي قمنى بعمله


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



ولكي نجعل الازرار تكون في المكان المناسب بالواجهه
قم
بتغير في الارقام كما هي محدده في الصوره


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



وبكذا عملنى ازرار على الواجهه
وعميلناه في المكان
المناسب

انتهى
الشرح

موضوع رآئع شكرا ً

شكرا لك

جاري التجربة
مشكور