من خلال الكود المدرج في الاسفل ، يمكنك إضفاء جمالية على أدوات تحرير المواضيع و المشاركات ولتوضيح الصورة أكثر
هذا شكل الادوات قبل التعديل
وهذا شكل الادوات بعد التعديل
طبعا الكود سهل ويمكنك التلاعب به و بالوانه كما تريد ، فقط الكود يجمع كل الادوات و ان شاء الله في دروس لاحقة سيتم التعرف على طريقة التعديل على كل اداة و تلوينها بلون مغاير
ضع الكود كالعادة في قالب
هذا شكل الادوات قبل التعديل
ضع الكود كالعادة في قالب
extra.less
CSS:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction {
display:inline-block;
background: rgb(71, 167, 235);
color: rgb(255, 255, 255) !important;
padding: 5px 12px 5px;
line-height: 19px !important;
background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
}
.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover, .actionBar-action--reaction:hover {
background: rgb(65, 158, 224);
color: rgb(255, 255, 255) !important;
text-decoration: none;
background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 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: rgb(71, 167, 235);
color: rgb(255, 255, 255) !important;
padding: 2px 6px 2px;
line-height: 19px !important;
background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 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: rgb(65, 158, 224);
color: rgb(255, 255, 255) !important;
text-decoration: none;
background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
}مودتي و احترامي 
