Nội quy chuyên mục: - Chuyên mục này chỉ dành để viết các bài viết hướng dẫn sử dụng NukeViet 3.x. Vui lòng không mở các chủ đề mới nhằm thảo luận, hỏi đáp... tại đây. Các thảo luận và hỏi đáp liên quan đến các hướng dẫn vui lòng trả lời vào các chủ đề có hướng dẫn đó.
- Ban Quản Trị cũng khuyến khích tất cả các thành viên hoàn thiện các bài viết bổ ích của mình và đưa lên Thư viện tài liệu mở về NukeViet tại địa chỉ http//wiki.nukeviet.vn
#142360 gửi bởi dangdinhtu
Ngày 04 Tháng 08 2013 , 22:48
Mặc định
macdinh.png

Thay đổi
huongdan.png


Hướng dẫn dành cho theme default và modern các thêm khác được chỉnh sửa lại từ 2 theme này cũng làm tương tự
Bước 1: bạn mở file themes/them_ban/theme.php
Tìm đoạn
Mã: Chọn hết
$xtpl->assign( 'LANGSITENAME', $langname );

Sau đó thêm vào dưới hoặc sau đoạn mã này
Mã: Chọn hết
$xtpl->assign( 'LANG', $lang_i );


Bước 2: mở tiếp file header.tpl

thay đoạn mã xuất ngôn ngữ mặc định bằng đoạn này
Mã: Chọn hết
<!-- BEGIN: language -->
<div class="langue">
<!-- BEGIN: langitem -->
<a href="{LANGSITEURL}" class="lang-{LANG}">{LANGSITENAME}</a>
<!-- END: langitem -->
</div>
<!-- END: language -->


Bước 3: mở file themes/default/css/template.css hoặc mở file themes/default/css/screen.css(đối với theme modern)
thêm đoạn này
Mã: Chọn hết
.langue a {
float: right;
padding-left: 30px;
margin-left: 20px;
}
.lang-en {
background: url(../images/en-flag.jpg) no-repeat left center;
}
.lang-vi{
background: url(../images/vi-flag.jpg) no-repeat left center;
}


Bước 4: chuẩn bị các file vi-flag.jpg, en-flag.jpg, fr-flag.jpg.... cho vào thư mục themes/default/images/
Chúc các bạn thành công
Nếu hay thì nhớ ấn bàn tay góc phải nhé :">
Đính kèm
(2.30 KB) Đã tải về 201 lần
(11.26 KB) Đã tải về 201 lần

Diễn đàn Nukeviet mới do Mình và Nhím thủ lĩnh thành lập các bạn ghé qua học tập trao đổi nhé https://forum.nuke.vn/
#142371 gửi bởi anhyeuviolet
Ngày 04 Tháng 08 2013 , 23:55
Dạ, cảm ơn anh lần nữa.
Cho em hỏi thêm là 2 bước đầu là làm chung hết cho các ngôn ngữ, còn bước thứ 3 và 4 thì mình cứ vậy thêm các ngôn ngữ khác và hình ảnh tương úng là được phải không ạ ?

Cổng nhôm đúc Nhật Bản
http://www.asuzac-acm.com.vn/vi/acm/cong-nhom-duc/
#143290 gửi bởi anhyeuviolet
Ngày 14 Tháng 08 2013 , 05:53
dangviettiep đã viết:em làm đến bước 3 sửa file template.css thì tịt. ko thấy được. Bác chỉ rõ hơn sửa file template.css được ko?


Bạn dùng theme nào ?
Có 2 file CSS : hoặc là template - hoặc là screen. Tuỳ theo Theme mà chọn cho đúng.

Cổng nhôm đúc Nhật Bản
http://www.asuzac-acm.com.vn/vi/acm/cong-nhom-duc/
#144994 gửi bởi hoangchienmai
Ngày 07 Tháng 09 2013 , 09:27
nguyentrungse7en đã viết:Bạn ơi bước 2 hơi khó hiểu chút nhỉ... thay đoạn mã xuất ngôn ngữ bằng đoạn này...
Xin bạn vui lòng giúp mình rõ hơn nhé...cảm ơn bạn

cậu chèn đoạn đó vào file header.tpl.