[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
» جديد كود css ازرار على الواجهة مع خلفية
» تحميل اكثر من300 لعبة جديده جدا
» .......نحبك بس نبغى نتعرف عليك اكثر؟؟