برای اضافه کردن عکس یا آیکون دلخواه به تب های قالب مترو در vBulletin 5 ابتدا عکس مورد نظرتون رو در اندازه 120*120 در مسیر images/metro/YOUR_COLOR/misc/YOUR_TAB_ICON_NAME.png آماده کنید. سپس از قسمت "Navigation Bar" (تنظیمات منوها از بخش ویرایش سایت) یک منو یا تب جدید اضافه کنید. سپس با کمک سپس موس رو ببرید روی تب جدید و روی آن راست کلیک کنید و منوی Inspect را انتخاب کنید. در اینجا سعی کنید Tab ID مربوط به تب جدیدی که ایجاد کردید رو پیدا کنید. به عکس زیر دقت کنید. TAB ID مربوط به تب تازه چه خبر "navbar___" میباشد.
بعد از آن به قسمت جستجوی قالب ها در ادمین سی پی بروید و css_additional.css مربوط به قالب مورد نظر تون رو پیدا کنید و کدهای زیر را به انتهای آن اضافه کنید.
فراموش نکنید به جای YOUR_TAB_ID نام ID مربوط به تب جدید تون رو بذارید و در قسمت url هم باید آدرس عکس مورد نظرتان را وارد کنید. سپس برای مشاهده تغییرات مرورگر خود را رفرش کنید.
بعد از آن به قسمت جستجوی قالب ها در ادمین سی پی بروید و css_additional.css مربوط به قالب مورد نظر تون رو پیدا کنید و کدهای زیر را به انتهای آن اضافه کنید.
کد:
#channel-tabbar > ul > li > a.navbar___::before, #channel-tabbar .b-comp-menu-dropdown > ul > li > a.navbar___::before { background-image: url("images/metro/blue/misc/tab-icon-what-news.png") !important; background-size: 100% !important; background-position: center !important; }