حبيت اهدي اليكم هاذا الكود المميز جدا
مميزات هاذا الكود
باستاعطتك من خلال هاذا الكود عمل ازرار على واجهة منتداك
او جعلهى كواجهات منتديات الفاب
او اي شيء
ومن خلال هاذا الكود بائمكانك تحريكه الى اي جهه بالمنتدى
والافضل ان يكون حول الواجهه لانه بيبقى ثابت في مكانه
اما اذا كان بعد الاعلان او الاقسام لن يستقر في مكانه على طول
وهاذا هو الكود
الرمز:
الرمز ضع ردا ليظهر لك الكود:
لاجل تحريك الشي الذى تضعه بالكود
اتبع الكلامات هاذه بتجدها بنفس الكود
هاذه الكلمه لتوجيه الشي الموجود بالكود
الى اليمين او اليسار
RIGHT: 400px;
غير الرقم الموجود
400
اذا زدت في الرقم سيتوجه الى اليسار
واذا نقصت الرقم سيتوجه الى اليمين
هاذه الكلمه لتوجيه الشي الموجود بالكود
الى الاسفل او الاعلى
TOP: 100px;
غير الرقم
100
اذا زدت الرقم سيتوجه الشي الموضوع في الكود الى الاسفل
اما اذا نقصت في العدد سيتوجه الى الاعلى
شرح طريقة عمل الازرار على الواجهه
مع فهم طريقة التعامل مع الكود
اذهب الى
لوحة الاداره>مظهر المنتدى>تشكيلات عامه
واذهب الى صندوق الهوتمل وحول صندوق الهوتمل
من الاخضر
الى الاحمر
ثم انقر على الايقونه هاذه
![[css] طريقة لوضع الازرار على الواجهه Switchmode](https://2img.net/i/fa/subsilver/wysiwyg/switchmode.gif)
ثم انسخ الكود وضعه في صندوق الهوتمل
كما هو موضح في الصوره
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 65092767](https://2img.net/r/ihimizer/img10/7279/65092767.png)
ثم انقر على الايقونه هاذه مره اخرا
ليظهر لك
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 37472057](https://2img.net/r/ihimizer/img194/9639/37472057.png)
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 38631745](https://2img.net/r/ihimizer/img198/9886/38631745.png)
ثم نقوم بحفظ العمل
وسيظهر لك كماهو موضح في الصوره
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 43007894](https://2img.net/r/ihimizer/img35/2493/43007894.png)
اذهب الى صندوق الهوتمل التصميم الذي عملناه
وانقر على الايقونه هاذه
لكي يظهر لك كودالتصميم
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 35288867](https://2img.net/r/ihimizer/img269/6763/35288867.png)
ولكي نجعل الازرار تكون في المكان المناسب بالواجهه
قم بتغير الارقام التي في الكود كما هي موضحه في الصوره
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 49037835](https://2img.net/r/ihimizer/img190/8634/49037835.png)
ثم قم بالحفظ
وبكذا عملنى ازرار على الواجهه
وعميلناه في المكان المناسب
تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
![[css] طريقة لوضع الازرار على الواجهه 70955780](https://2img.net/r/ihimizer/img32/316/70955780.png)
ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي
مع التحية
:heart:
الرئيسية 
أحدث الصور 
التسجيل 
دخول 
![[css] طريقة لوضع الازرار على الواجهه 710](https://i.servimg.com/u/f84/14/04/99/05/710.gif)
المشاركات
الإعجابات
موضوع: [css] طريقة لوضع الازرار على الواجهه ![[css] طريقة لوضع الازرار على الواجهه I_icon_minitime](https://2img.net/s/t/20/85/37/i_icon_minitime.gif){kind=icon}
3/29/2013, 14:00
![[css] طريقة لوضع الازرار على الواجهه 124](https://i.servimg.com/u/f84/14/04/99/05/124.gif)
