ویژه رنگی کردن نوار مدیریت

[XFFA.IR Bot]

سلام دوستان

در آموزش قبل آموزش - زیبا سازی نوار مدیریت که یکی از روش های زیبا سازی نوار مدیریت رو به شما آموزش دادیم که حالت یکدست و زیبایی بجود میاورد

در این آموزش قصد داریم به دکمه ها استایل رنگارنگ بدیم که جلوه زیبایی به انجمن شما میبخشد

[HIDESHOWTOGROUPS=4,3,6,5,7]
کد زیر را در قالب extra.less اضافه کنید

.message-actionBar a.actionBar-action--report, .message-actionBar a.actionBar-action--edit, .message-actionBar a.actionBar-action--reply, .message-actionBar a.actionBar-action--spam,
.message-actionBar a.actionBar-action--delete, .message-actionBar a.actionBar-action--ip, .message-actionBar a.actionBar-action--reaction,.message-actionBar a.actionBar-action--warn,.message-actionBar a.actionBar-action--mq,
.offCanvasMenu--nav .offCanvasMenu-content {
  color: @xf-pageBg;
}
.message-actionBar a.actionBar-action {
  border-radius: 3px;
  background-color: #ddd;
  min-width: 50px;
  text-align: center;
}
.message-actionBar a.actionBar-action--report {
  background-color: #ff8700;
}

.message-actionBar a.actionBar-action--edit, .message-actionBar a.actionBar-action--reply {
  background-color: #2B6BA3;
}

.message-actionBar a.actionBar-action--delete {
  background-color: #f06c6c;
}

.message-actionBar a.actionBar-action--mq {
  background-color: #1ca844;
}

.message-actionBar a.actionBar-action--ip {
  background-color: #56bcbc;
}

.message-actionBar a.actionBar-action--reaction {
  background-color: #be37f0;
}
.message-actionBar a.actionBar-action--warn {
  background-color: #e33030;
}
.message-actionBar a.actionBar-action--spam {
  background-color: #3c31a7;
}


.actionBar-action{                           
    &:before{
        margin-right: @xf-paddingSmall;
        display: inline-block;
    }
    &--edit:before{ .m-faContent(@fa-var-pen); }
    &--report:before{ .m-faContent(@fa-var-exclamation-circle); }
    &--ip:before{ .m-faContent(@fa-var-user-secret); }
    &--delete:before{ .m-faContent(@fa-var-trash-alt); }
    &--spam:before{ .m-faContent(@fa-var-spider); }
    &--warn:before{ .m-faContent(@fa-var-exclamation-triangle); }
    &--history:before{ .m-faContent(@fa-var-history); }
    &--comment:before{ .m-faContent(@fa-var-comment); }
}

[/HIDESHOWTOGROUPS]

نمونه:

 

[Kohyar]

وقتی کد وارد میشه، نوار کناری اینجوری میشه

 

[XFFA.IR Bot]

سلام
روی پوسته دیفالت تست کنید ببینید به همین شکل هست؟
اگه فقط روی این قالب مشکل وجود داشت اعلام کنید

 

[Kohyar]

روی‌پنج پوسته امتحان کردم و همشون همینطوری شدن

پوسته .default رو‌ هم پیدا نکردم و ندارم

 

[XFFA.IR Bot]

آدرس انجمنتون رو ارسال کنید

 

[Kohyar]

Account Suspended

کد فعلا روی پیش فرضه و روی بقیشون برداشتم

 

[XFFA.IR Bot]

Account Suspended

کد فعلا روی پیش فرضه و روی بقیشون برداشتم

این کد را جایگزین کد قبلی کنید و تست کنید

.message-actionBar a.actionBar-action--report, .message-actionBar a.actionBar-action--edit, .message-actionBar a.actionBar-action--reply, .message-actionBar a.actionBar-action--spam,
.message-actionBar a.actionBar-action--delete, .message-actionBar a.actionBar-action--ip, .message-actionBar a.actionBar-action--reaction,.message-actionBar a.actionBar-action--warn,.message-actionBar a.actionBar-action--mq, {
  color: #fff;
}
.message-actionBar a.actionBar-action {
  border-radius: 3px;
  background-color: #ddd;
  min-width: 50px;
  text-align: center;
}
.message-actionBar a.actionBar-action--report {
  background-color: #ff8700;
}

.message-actionBar a.actionBar-action--edit, .message-actionBar a.actionBar-action--reply {
  background-color: #2B6BA3;
}

.message-actionBar a.actionBar-action--delete {
  background-color: #f06c6c;
}

.message-actionBar a.actionBar-action--mq {
  background-color: #1ca844;
}

.message-actionBar a.actionBar-action--ip {
  background-color: #56bcbc;
}

.message-actionBar a.actionBar-action--reaction {
  background-color: #be37f0;
}
.message-actionBar a.actionBar-action--warn {
  background-color: #e33030;
}
.message-actionBar a.actionBar-action--spam {
  background-color: #3c31a7;
}


.actionBar-action{                             
    &:before{
        margin-right: @xf-paddingSmall;
        display: inline-block;
    }
    &--edit:before{ .m-faContent(@fa-var-pen); }
    &--report:before{ .m-faContent(@fa-var-exclamation-circle); }
    &--ip:before{ .m-faContent(@fa-var-user-secret); }
    &--delete:before{ .m-faContent(@fa-var-trash-alt); }
    &--spam:before{ .m-faContent(@fa-var-spider); }
    &--warn:before{ .m-faContent(@fa-var-exclamation-triangle); }
    &--history:before{ .m-faContent(@fa-var-history); }
    &--comment:before{ .m-faContent(@fa-var-comment); }
}