Thêm khối Block cho NukeViet

Đăng lúc: Chủ nhật - 20/04/2014 13:26 | Người đăng bài viết: admin | Đã xem: 2396 | Phản hồi: 0

• Chia sẻ facebook
• Chia sẻ Twitter
• Chia sẻ google plusone

Share on twitter

Thêm khối Block cho NukeViet

Hướng dẫn thêm 1 vị trí block cho website NukeViet

Bạn vào file config.ini của theme default thêm

Mã:

<position>
         <name>BELLOW_NAVMENU_LEFT</name>
         <tag>[BELLOW_NAVMENU_LEFT]</tag>
      </position>

               <position>
         <name>BELLOW_NAVMENU_RIGHT</name>
         <tag>[BELLOW_NAVMENU_RIGHT]</tag>
      </position>

Nếu muốn làm như trong hình  thì vào tệp layout.left-body-right.tpl và thêm vào đoạn

Mã: 

<div class="bellow-nav-left">
                   [BELLOW_NAVMENU_LEFT]
         </div>
         <div class="bellow-nav-right last">
                   [BELLOW_NAVMENU_RIGHT]
         </div>

ở vị trí bên dưới


Tiếp theo mở file template.css, tìm đoạn

Mã:

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {
    float: left;
    margin-right: 10px;
}

sửa thành

Mã:

.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .bellow-nav-left, .bellow-nav-right {
    float: left;
    margin-right: 10px;
}

Cuối cùng thêm vào bên dưới

Mã:

.span-25 {
    width: 370px;
}

đoạn
.

Mã: 

bellow-nav-left {
    width: 600px;      /*Hoặc width: 60%*/
}

.bellow-nav-right {
    width: 300px;      /*Hoặc width: 30%*/
}

Khi thêm block thì bạn chỉ cần thêm 2 block đó vào 2 vị trí [BELLOW_NAVMENU_LEFT] và [BELLOW_NAVMENU_RIGHT] là được.

Nguồn tin: manguonweb.info

Share on twitter

Những tin mới hơn

• Tạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên (21/12/2014)
• Hướng dẫn viết block cho phiên bản NukeViet 3.0 (07/02/2015)
• Đưa Website NukeViet từ localhost lên hosting (31/08/2014)
• Cách tạo Image Map và cách xác định tọa độ điểm ảnh (25/04/2014)
• Code quảng cáo góc phải màng hình html (21/04/2014)
• Hướng dẫn tạo code quảng cáo dạng Image slidebar và float ads (22/04/2014)
• Block bình luận cho web NukeViet (20/04/2014)

Những tin cũ hơn

• Tạo kiểu block NukeViet (20/04/2014)
• Đưa Website NukeViet từ localhost lên hosting (03/12/2013)
• Hướng dẫn cấu hình Apache trên Windows khi có IIS chạy song song (01/12/2013)
• Module và Theme (08/09/2013)