إضافة زر القوانين إلى ازرار صندوق ارسال المساهمات بطريقة جميلة

السلام عليكم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بطريقة جديدة ومبتكرة إضافة زر القوانين لازرار صندوق المساهمات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الشكل النهائي للتعديل :

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

وعتد الضغط على الزر :

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

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

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

ستظهر لنا صحفة كما بالصورة التالية :

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

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

اقتباس :

الكود:: <html><head></head><body>
<center style="font-weight: bold;">

<br><span style="color: Red;">بسم الله الرحمن الرحيم

أخواتي وإخواني الأفاضل</span><br><br> 1/
يمنع منعا باتا وضع الصور المخالفة للشريعه الاسلامية<br><br> 2/
يمنع وضع كلمات بذيئه خارجه عن الادب ومخالفة لتعاليم الدين الحنيف<br><br> 3/
الاحترام المتبادل بين الاعضاء وعدم اللجوء الى الكلمات الجارحه والاستخفاف بأي
عضوا كان وعند حدوث أي مشاكل لاقدر الله يمكنك اللجوء الي المشرفين أو الادارة

وكذلك الإبتعاد عن عبارات النقد الخاطئ والتي توجه لذات الأعضاء والتعرض لهم بالتجريح
<br><br><span style="color: Magenta;">وشكرا لكم ..

</span><br></center>
</body></html>

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

لقد تم إنشاء صفحة ال HTML الخاصة بك

إضغط هنا للعودة إلى إدارة صفحات ال HTML

نضغط على :
إضغط هنا للعودة إلى إدارة صفحات ال HTML

نتابع مع الصورة :

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

ننسخ الرابط الخاص بالصفحة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ندخل :
لوحة الادارة
مظهر المنتدى
التمبلات :
ارسل & الرسائل الخاصة
posting_body

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

الكود:
</blockquote>

اقتباس :
الكود:
<div id="text_editor_select_controls">

بعدها تماما نضيف الكود التالي :

اقتباس :
الكود:
<div><span class="gensmall">
<a
href="javascript:showhide(document.getElementById('plus_menu'))"><img
src="http://i69.servimg.com/u/f69/15/49/34/40/mn10.png"
width="25"></a><br><div id="plus_menu"
style="position: absolute; margin-top: 8px; z-index: 1; left:
1051px; display: none;"><table class="forumline" border="0" cellpadding="3" cellspacing="0"
width="200"><tbody><tr>
<td
class="row1" nowrap="nowrap"><iframe src="رابط الصفحة"
width="300" height="400"
scrolling="no"></iframe></td></tr></tbody></table></div>

</span></div>

يسرنا أن نضع بين أيدكم كود جافا سكريبت يُمكّنكم من تغيير التعليق الظاهر بجانب كلمة المرور التي تختارونها لعضوياتكم
صوره قبل إستخدام الكود :
صورة بعد إستخدام الكود :