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

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

صورة للكود


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

الكود:


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

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


للنسخة 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
والسلام