لجعل صندوق الرد اكثر جمالا

لسلام عليكم ورحمة الله وبركاته
اقدم لكم كود سي اس اس لجعل ازرار الرد اكثر احترافية
وشفافية للتجميل من مظهر منتداكم

صورة للكود

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

الكود
https://i.servimg.com/u/f47/17/07/42/77/reply_10.png


الكود ==> اختر الكود المناسب لنسخة منتداك

للنسخة pHpbb2:
الكود: ---------تضليل المحتوى#quick_reply #text_editor_controls {
background-color: #E5F1F9;
border-radius: 8px 8px 8px 8px;
height: 35px;
margin-left: auto;
margin-right: auto;
padding: 8px;
width: 500px;
}
#quick_reply #text_editor_controls .button2 {
background-color: transparent;
background-image: none;
border: 0 none;
border-radius: 7px 7px 7px 7px;
opacity: 0.7;
padding: 1px !important;
}
#quick_reply a.button2:hover, #quick_reply button.button2:hover {
background-color: #DCEAF5 !important;
border: 0 none;
opacity: 1 !important;
}
#quick_reply button.bbcode.button2 {
background-color: #E3CED2 !important;
box-shadow: 0 0 10px #E3ADAD;
opacity: 1;
}
#quick_reply button.bbcode:hover {
background-color: #E3CED2;
}
#servimg_upload_gui p {
margin: 0 !important;
}
#servimg_upload_gui iframe {
border: 0 none;
margin: 0;
}
#servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
box-shadow: 0 0 4px;
}
و
PHPBB3-PUNBB-Invision للنسخ:
الكود: ---------تضليل المحتوى#quick_reply #text_editor_controls {
background-color: #E5F1F9;
border-radius: 8px 8px 8px 8px;
height: 22px;
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 490px;
}
#quick_reply #text_editor_controls .button2 {
background-color: transparent;
background-image: none;
border: 0 none;
border-radius: 7px 7px 7px 7px;
opacity: 0.7;
padding: 1px !important;
}
#quick_reply a.button2:hover, #quick_reply button.button2:hover {
background-color: #DCEAF5 !important;
border: 0 none;
opacity: 1 !important;
}
#quick_reply button.bbcode.button2 {
background-color: #E3CED2 !important;
box-shadow: 0 0 10px #E3ADAD;
opacity: 1;
}
#quick_reply button.bbcode:hover {
background-color: #E3CED2;
}
#servimg_upload_gui p {
margin: 0 !important;
}
#servimg_upload_gui iframe {
border: 0 none;
margin: 0;
}
#servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
box-shadow: 0 0 4px;
}

طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الألوان ==> ورقة تصميم CSS

شكرا لك على الكود أخي

جزاك الله كل خير

في انتظار المزيد