هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [ BBcode] : تغيير شكل أزرار الستايل Real Buttons in XF 2.x colors and hoover (https://www.helpernt.com/vb/showthread.php?t=9719)

maaidni 09-14-2019 12:03 AM

تغيير شكل أزرار الستايل Real Buttons in XF 2.x colors and hoover
 
هذا التعديل للأزرار غير متوافق مع الجوال ،

العرض التوضيحي: elo-forum.org

https://i.imgur.com/5Cj1Yil.png

أضف الكود لقالب: extra.less

كود:

/* CODE_icon_MAAIDNI-Buttons OldStyle */
@media (min-width: 900px){
.message-attribution-opposite.message-attribution-opposite--list a, .actionBar-action--inlineMod, .iconic--hiddenLabel, .actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip, .bookmarkLink, .button--link, .actionBar-action--undelete, .pageNav, .pageNav-jump, .pageNav--mixed, .pageNav-page {
display:inline-block;
padding: 2px 6px 2px;
line-height: 19px !important;
border-radius: 8px;
background: linear-gradient(to bottom, #2794d9 10%, #185886 40%) !important;
color: rgb(255, 255, 255) !important;
  border: 1px outset #990000 !important;
  &:hover {
        display: inline-block !important;
      border-radius: 8px;
      color: #000000 !important;
      background: linear-gradient(to bottom, rgb(255, 244, 229) 30%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 80%) !important;
  }
}
.actionBar-action--reply, .actionBar-action--mq, .actionBar-action--like, .actionBar-action--reaction, .button--multiQuote, .button--icon--reply, .button--icon--preview, .button--icon--attach {
display: inline-block !important;
padding: 3px 7px 3px;
line-height: 19px !important;
border-radius: 8px;
color: rgb(255, 255, 255) !important;
background: linear-gradient(to bottom, #93b6cc 10%, #185886 40%) !important;
border: 1px outset #990000 !important;
  &:hover {
        display: inline-block !important;
      border-radius: 8px;
      color: #000000 !important;
      background: linear-gradient(to bottom, rgb(255, 244, 229) 20%, mix(@xf-paletteAccent1, @xf-paletteAccent2) 90%) !important;
  }
}
}
/* CODE_icon_MAAIDNI-Buttons OldStyle */


هيلبرنت 09-14-2019 05:48 PM

رد: تغيير شكل أزرار الستايل Real Buttons in XF 2.x colors and hoover
 
تعديل جميل جدا اخى

abo-karim 10-04-2019 09:59 AM

رد: تغيير شكل أزرار الستايل Real Buttons in XF 2.x colors and hoover
 
الله يبارك فيك اخى

مجهودك طيب


الساعة الآن 01:56 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir