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

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

صورة للكود



الصورة

اقتباس:

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

شكرا لكي يالغغلا رووعهه بجدد تسسسلمين ياعمري
فدتيك وفديت هل الطلةة