Hướng dẫn thay đổi hình nền Breadcrumbs theo Module Nukeviet

Thứ sáu - 05/04/2024 00:17
Bài viết hướng dẫn thay đổi hình nền khi vào Module khác nhau của Nukeviet.
huong dan thay doi hinh nen breadcrumbs theo module nukeviet
huong dan thay doi hinh nen breadcrumbs theo module nukeviet
Bước 1: Mở file themes\default\theme.php tìm dòng 101:
$xtpl->assign('MODULE_NAME', $module_name);

Thêm vào trước hoặc sau:
$xtpl->assign('MODULE_BG', $module_name);

Bước 2: Mở file themes\default\layout\header_extended.tpl tìm đoạn:
<!-- BEGIN: breadcrumbs --><div class="breadcrumbs-wrap" >

Sửa thành:
<div class="breadcrumbs-wrap" style="background-color:#f2f2f2; background-image: url(/uploads/{MODULE_BG}.jpg); background-size: cover; background-position: center center;background-repeat: no-repeat;">

Bước 3: Up ảnh nền theo tên module.jpg tương ứng với các Module bạn đang sử dụng:
 
huong dan thay doi hinh nen breadcrumbs theo module nukeviet 1


Các bạn có thể tham khảo css bên dưới:
<!-- BEGIN: breadcrumbs --><div id="sg_breadcrumbs" style="background-color:#f2f2f2; background-image: url(/uploads/{MODULE_BG}.jpg); background-size: cover; background-position: center center;background-repeat: no-repeat;"> <div class="wraper"><div class="container"><div class="breadcumbs_title">{BREADCRUMBS.title}</div><div class="breadcumbs_ul"><ul itemscope itemtype="https://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcumbs_home"><a href="{THEME_SITE_HREF}" itemprop="item" title="{LANG.Home}"><span itemprop="name"><i class="fa fa-home" aria-hidden="true"></i> {LANG.Home}</span></a><i class="hidden" itemprop="position" content="1"></i></li><!-- BEGIN: loop --><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="{BREADCRUMBS.link}" itemprop="item" title="{BREADCRUMBS.title}"><span class="txt" itemprop="name">{BREADCRUMBS.title}</span></a><i class="hidden" itemprop="position" content="{BREADCRUMBS.position}"></i></li><!-- END: loop --></ul>                                                  </div>     </div></div></div><!-- END: breadcrumbs -->

CSS:
#sg_breadcrumbs {width: 100%;padding: 180px 0px 80px 0px; background:#f2f2f2;display: inline-block;     position: relative;margin-bottom: 20px;text-align: center;}#sg_breadcrumbs:before {content: '';background: #171a1ebd;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}.breadcumbs_title{font-weight: 600;font-size:40px;text-align: center;margin-bottom: 5px;color: #ffff;position: relative; text-transform: uppercase;}.breadcumbs_title:before {content: "//";padding-right: 10px;color: #f42222;font-weight: 900;transform: scale(0.98) translateY(-3%);display: inline-block;}    .breadcumbs_title:after{content: "//";padding-left: 10px;color: #f42222;font-weight: 900;transform: scale(0.98) translateY(-3%);display: inline-block;}.breadcumbs_ul{margin: auto; text-align: center;    display: inline-block;}.breadcumbs_ul ul{text-align: center;list-style: none;}.breadcumbs_ul ul li{float: left;margin-right: 10px;}.breadcumbs_ul ul li a {color:#fff;font-size: 14px; font-weight: 400;}.breadcumbs_ul ul li::before {float: left;padding-right: 0.5rem;color: #6c757d;content: "/";}.breadcumbs_ul ul li.breadcumbs_home a{color: #f42222;}.breadcumbs_ul ul li.breadcumbs_home::before {display: none;}

Tổng số điểm của bài viết là: 10 trong 2 đánh giá

Xếp hạng: 5 - 2 phiếu bầu
Click để đánh giá bài viết

Tên miền Quốc tế

Tên Dịch vụ Phí cài đặt Phí duy trì hàng năm Phí Transfer .com Miễn phí 335.000 đ 325.000 đ .net Miễn phí 365.000 đ 355.000 đ .org Miễn phí 338.000 đ 328.000 đ .info Miễn phí 599.000...

Blog xem nhiều
Thống kê
  • Đang truy cập11
  • Hôm nay2,675
  • Tháng hiện tại100,479
  • Năm hiện tại420,453
  • Tổng lượt truy cập9,213,450
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây