[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية

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

صورة للكود

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

[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية Reply_10

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

لتعديل الخلفية عليك تغيير شفرة اللون ببدايه الكود
#E5F1F9
والسلام

» كود عمل ازرار صندوق الرد بشكل دائرى جميل
» كود css لتطوير صندوق الدردشة لجعله اكثر احترافية
» حصريا فيلم مجنون اميره نسخه تصوير سينما بجوده اكثر من ممتاذه على اكثر من سيرفر
» كود وضع خلفية متحركة لازرار صندوق الكتابة السريع css
» كود عمل خاصية zoom علي ازرار المنتدي مثل الفي بي