صندوق الرد السريع بهيئته الجديدة
اقدم لكم الكود الجديد والذي يتحكم بشكل صندوق الرد السريع في اسفل المواضيع للنسخة الثانية
قمت بتغيير بعض الملامح الخارجية للصندوق ان شاء الله تنال اعجابكم
كود بسيط جدا
معاينة الكود :
التغييرات :
- اضافة حدود باللون الازرق للصندوق
- اضافة ظل باهت للصندوق
- تغيير لون خلفية ايقونات الصندوق مع تأثيرات بسيطة عند مرور الماوس
- تغيير شكل ولون ازرار الصندوق مع تأثيرات بسيطة عند مرور الماوس
تركيب الكود :
لوحة الادارة - مظهر المنتدى - الوان - ورقة الـ css
اضف الكود التالي :
[hide]
CODE
div.sceditor-container.rtl.sourceMode {
border: 5px solid #0b70a2;
border-radius: 10px;
box-shadow: 0px 0px 10px 4px;
margin: 15px;
}
div.sceditor-container.rtl.wysiwygMode {
border: 5px solid #0b70a2;
border-radius: 10px;
box-shadow: 0px 0px 10px 4px;
margin: 15px;
}
a.sceditor-button {
box-shadow: 1px 1px;
color: #0b70a2;
background: #8ca9b7;
}
iframe {
background: black;
}
#quick_reply input.mainoption {
padding: 3px 10px;
background: #0b70a2;
border 1px solid black;
text-align: center;
color: white;
}
#quick_reply input.mainoption:hover {
background: #dee3e7;
color: black;
}
#quick_reply input.liteoption {
padding: 3px 10px;
background: #0b70a2;
border 1px solid black;
text-align: center;
color: white;
}
#quick_reply input.liteoption:hover {
background: #dee3e7;
color: black;
}
[/hide]
ان شاء الله يكون عجبكم
يمنع النقل دون ذكر المصدر
شركة انكور التطويرية
بالتوفيق للجميع
والسلام ختام