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

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

صورة للكود

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


للنسخـه الثآنيـه

الكود:

2#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