Thay đổi logo, banner Nukeviet
Việc thay đổi logo, banner của trang web thì phải can thiệp vào mã nguồn trong thư mục Theme của thư mục nukeviet. Hai tập tin chứa mã thông tin về logo, bannerlà template.css và header.tpl lần lượt nằm trong đường dẫn thư mục \themes\default\css và\themes\default\layout. Đầu tiên, bạn hãy sao chép hai tập tin logo, banner vào thư mục \themes\default\images, ví dụ hai tập tin này có tên là logo.png và banner.jpg. Lưu ý, phần định dạng của tập tin ảnh rất quan trọng nên trong quá trình tạo ra chúng cần phải nhớ rõ.
Nếu chỉ muốn thay biểu tượng của NukeViet trên banner thì có thể sử dụng phần mềm Adobe Dreamweaver đã cài đặt trước đó để chỉnh sửa mã nguồn của tập tin header.tpl, hoặc bấm chuột phải vào tập tin này để mở bằng ứng dụng Notepad thông qua tính năng Open with. Tìm đến dòng lệnh:
<img src="/home/themes/default/images/logo.gif"
trong đoạn mã sau:
<body>
<div id="container">
<div id="header">
<div id="logo">
<a title="{THEME_LOGO_TITLE}" href="{THEME_SITE_HREF}">
<img src="/home/themes/default/images/logo.gif" alt="{THEME_LOGO_TITLE}" /></a>
trong đoạn mã sau:
<body>
<div id="container">
<div id="header">
<div id="logo">
<a title="{THEME_LOGO_TITLE}" href="{THEME_SITE_HREF}">
<img src="/home/themes/default/images/logo.gif" alt="{THEME_LOGO_TITLE}" /></a>
Khi đó, bạn chỉ cần thay logo.gifthành logo.png. Đối với logo có kích thước khác kích thước 203×91 (kích thước logo NukeViet), chẳng hạn 180×180, thì phải chỉnh lại thông số này ở tập tin template.css để nó hiển thị đúng kích thước tại trang chủ.
Mở tập tin template.css và tìm đến dòng lệnh:
#header #logo {width: 203px; float: left; }
#header #logo img { height: 91px; vertical-align: middle; }
rồi thay đổi lại thành width: 180px; height: 180px
Nếu muốn thay đổi cả banner và logo thì ở tập tin template.css, bạn tìm đến dòng lệnh:
#header {
background: url(../images/header.jpg) no-repeat;
height: 91px;
position: relative; }
thay dòng header.jpg thành banner.jpg. Nếu banner có chiều cao khác 91px thì phải thay đổi chỉ số này ở dòng height: 91px.
Lưu ý, để tránh những khoảng trống màu trắng được tạo ra bởi sự khác biệt kích thước giữa logo và banner thì phải thống nhất trong việc tạo hai ảnh này, đồng thời thay đổi chỉ số sao cho phù hợp ở các dòng lệnh.
Mở tập tin template.css và tìm đến dòng lệnh:
#header #logo {width: 203px; float: left; }
#header #logo img { height: 91px; vertical-align: middle; }
rồi thay đổi lại thành width: 180px; height: 180px
Nếu muốn thay đổi cả banner và logo thì ở tập tin template.css, bạn tìm đến dòng lệnh:
#header {
background: url(../images/header.jpg) no-repeat;
height: 91px;
position: relative; }
thay dòng header.jpg thành banner.jpg. Nếu banner có chiều cao khác 91px thì phải thay đổi chỉ số này ở dòng height: 91px.
Lưu ý, để tránh những khoảng trống màu trắng được tạo ra bởi sự khác biệt kích thước giữa logo và banner thì phải thống nhất trong việc tạo hai ảnh này, đồng thời thay đổi chỉ số sao cho phù hợp ở các dòng lệnh.
Không có nhận xét nào:
Đăng nhận xét