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

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

حبيت اهدي اليكم هاذا الكود الموميز جدا

مميزات هاذا الكود
باستاعطتك من خلال هاذا الكود عمل ازرار على واجهة منتداك
او جعلهى كواجهات منتديات الفاب
او اي شيء
ومن خلال هاذا الكود بائمكانك تحريكه الى اي جهه بالمنتدى

والافضل ان يكون حول الواجهه لانه بيبقى ثابت في مكانه
اما اذا كان بعد الاعلان او الاقسام لن يستقر في مكانه على طول
وهاذا هو الكود

الرمز:

الكود:

<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

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




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


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

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

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

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

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



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



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

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



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

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


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

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


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

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


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

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

انتهى الشرح