من خلال الكود المدرج في الاسفل ، يمكنك إضفاء جمالية على أدوات تحرير المواضيع و المشاركات ولتوضيح الصورة أكثر
وهذا شكل الادوات بعد التعديل
طبعا الكود سهل ويمكنك التلاعب به و بالوانه كما تريد ، فقط الكود يجمع كل الادوات و ان شاء الله في دروس لاحقة سيتم التعرف على طريقة التعديل على كل اداة و تلوينها بلون مغاير
ضع الكود كالعادة في قالب extra.less
في أمان الله
وهذا شكل الادوات بعد التعديل
طبعا الكود سهل ويمكنك التلاعب به و بالوانه كما تريد ، فقط الكود يجمع كل الادوات و ان شاء الله في دروس لاحقة سيتم التعرف على طريقة التعديل على كل اداة و تلوينها بلون مغاير
ضع الكود كالعادة في قالب extra.less
CSS:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction {
display:inline-block;
background: @xf-paletteColor3;
color: rgb(255, 255, 255) !important;
padding: 5px 12px 5px;
line-height: 19px !important;
background: linear-gradient(@xf-paletteColor3 0%, @xf-paletteColor3 0%);
}
.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover, .actionBar-action--reaction:hover {
background: @xf-paletteColor3;
color: rgb(255, 255, 255) !important;
text-decoration: none;
background: linear-gradient(@xf-paletteColor3 0%, @xf-paletteColor3 0%);
}
.actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip {
display:inline-block;
background: @xf-paletteColor3;
color: rgb(255, 255, 255) !important;
padding: 2px 6px 2px;
line-height: 19px !important;
background: linear-gradient(@xf-paletteColor3 0%, @xf-paletteColor3 0%);
}
.actionBar-action--report:hover, .actionBar-action--edit:hover, .actionBar-action--history:hover, .actionBar-action--delete:hover, .actionBar-action--spam:hover, .actionBar-action--warn:hover, .actionBar-action--ip:hover {
background: @xf-paletteColor3;
color: rgb(255, 255, 255) !important;
text-decoration: none;
background: linear-gradient(@xf-paletteColor3 0%, @xf-paletteColor3 0%);
}في أمان الله
