[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
والسلام

مشكور لك ياغالى على المجهود الكبير

طـــــــــرح في قممممة الروعـــــــــــــة ..
ـآششكرك عزيزتــــــي لروعــــة قلمممك ..
تقبلي مروري المتواضـــع ..
ودي لروحـــــك العطــرة ..