كود يجعل الازرار او اي شئ على الواجهة او حسب التحديد

[center]

الكود:

<DIV
style="RIGHT: 400px; OVERFLOW: visible; WIDTH: 102px; POSITION:
absolute; TOP: 100px; HEIGHT: 20px">ضع هونا اي شيء</DIV>


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

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

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



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

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




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

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



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

HEIGHT: 20px

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




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


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

اذهب الى الهوتمل وحول صندوق الهوتمل
من الاخضر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الى الاحمر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم انقر على الايقونه هاذه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم انقر على الايقونه هاذه مره اخرا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم نقوم بحفظ العمل
وسيظهر لك كماهو موضح في الصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


اذهب الى التصميم
وانقر على الايقونه هاذه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لكي يظهر لك كودالتصميم الذي قمنى بعمله

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


انا شخصيا استفدت من هذا الكود