[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
[css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود سي اس اس لجعل ازرار الرد اكثر احترافية
وشفافية للتجميل من مظهر منتداكم
صورة للكود
الكود ==> اختر الكود المناسب لنسخة منتداك
طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الألوان ==> ورقة تصميم CSS
لتعديل الخلفية عليك تغيير شفرة اللون ببدايه الكود
اقدم لكم كود سي اس اس لجعل ازرار الرد اكثر احترافية
وشفافية للتجميل من مظهر منتداكم
صورة للكود
- الكود:
http://i47.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
مواضيع مماثلة
» كيف اجعل ازرار الرد السريع مثل منتدى الدعم
» اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB
» طلب كود الرد السريع او صندوق الرد السريع
» أكواد التأثيرات الخاصة بعلبة الدردشة
» حصريا كود جعل البيانات الشخصية اكثر احترافية ومميزة جدا
» اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB
» طلب كود الرد السريع او صندوق الرد السريع
» أكواد التأثيرات الخاصة بعلبة الدردشة
» حصريا كود جعل البيانات الشخصية اكثر احترافية ومميزة جدا
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى