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

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

صورة للكود




https://i.servimg.com/u/f47/17/07/42/77/reply_10.pngالكود ==> اختر الكود المناسب لنسخة منتداك
للنسخة الثاني :

الكود:


#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

والسلام

منقول من الدعم العربي

تسلم الايادي كود جميل
تحياتي

مشكور اخي الغالي وبالتوفيق الك

بـارك الله فيـك
وجـزاك الله خيــر الجــزاء
شـكـرا علـى الموضوع

شكرا لك

ماشاء الله قمة في الروعه

شكرا ^^

شكرا لك

شكرا لك اخي كيمو

 نقل موفق

دايما متألق



شكرا لك وجزاك الله الف الف خير  :;وردة حمراء ه: