Chào các bạn hôm nay mình sẽ hướng dẫn các bạn css giao diện Nukeviet tùy biến theo rất nhiều kiểu khác nhau thông qua id và class được truyền ở thẻ body
Các bước thực hiện như sau:
Bước 1:
Bạn mở file themes/theme_ban/theme.php
Tìm đoạn:$xtpl->assign( 'MODULE_NAME', $module_name );
Thêm xuống dưới:
$xtpl->assign( 'OP', $op );
Thành:
$xtpl->assign( 'MODULE_NAME', $module_name ); $xtpl->assign( 'OP', $op );
Bước 2:
Bạn mở file themes/theme_ban/layout/header_only.tpl
Tìm đoạn<body>
Sửa thành
<body id="body-{MODULE_NAME}" class="body-{OP}">
Bước 3:
Bạn mở file themes/theme_ban/css/style.css
Mình sẽ tiến hành css demo cho tiêu đề block để bạn có thể hình dung được dễ dàng hơn
#body-cam-nang-du-lich .block-panel-default .block-panel-heading { background: #041721; color: #fff; } #body-du-lich-con-dao .block-panel-default .block-panel-heading { background: ##FF0119; color: #fff; }
Như vậy bạn sẽ có background cho tiêu đề của block có các màu khác nhau
[ATTACH=full]31[/ATTACH]
Trong đó cam-nang-du-lich và du-lich-con-dao là tên các module
ngoài ra bạn cũng có thể css theo class ở từng khu vực của module#body-du-lich-con-dao.body-main{ } #body-du-lich-con-dao.body-detail{ } #body-du-lich-con-dao.body-viewcat{ }