Tạo kiểu block NukeViet

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

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

Share on twitter

Tạo kiểu block NukeViet

Hướng dẫn thạo thêm kiểu Block cho Website NukeViet

Thêm vào trong file css/template.css đoạn mã này:

div.paypal{padding: 8px;
        background: #065276;border-radius: 5px
}
div.paypal{
        border: 1px solid #d9d9d9;
}
div.box h3.header strong,.box_silver strong,.box_silver1 strong,.box_h strong,.box_paypal strong,.box_orange strong{
        padding-right: 4px;color: #014BBE;}
.box_paypal{font-size: 13px;margin: 0 auto;
        padding-top: 10px;padding-left: 10px;
        background: #065276;border: 1px; solid #95B9C2;border-radius: 5px;color: #fff;}


Sau đó vào thư mục layout tạo file có tên: block.paypal.tpl với nội dung như sau:

<!-- BEGIN: mainblock -->
    <div class="paypal">
            <div>
                <div>
                    <div>
                        
                        <div class="ja-sidenews-list clearfix">
                            {BLOCK_CONTENT}
                        </div>                    
                    </div>
                </div>
            </div>
    </div>
<!--  END: mainblock -->



Vào trang quản trị dọn dẹp hệ thống, vậy là bạn đã có thêm 1 kiểu block nữa cho giao diện của bạn.

- paypal : tên kiểu block
- #065276: mã màu
- border: 1px solid: là kích thước đường viền
- background: #065276: là màu nền
- border-radius: 5px : độ bo góc
- color: #fff: là màu chữ
- font-size: 13px: là cỡ chữ
-  padding-top: 10px;padding-left: 10px;: là cách cạch trên, cạnh trái.

Tác giả bài viết: anhcoo

Nguồn tin: manguonweb.net

Share on twitter

Những tin mới hơn

• Đưa Website NukeViet từ localhost lên hosting (31/08/2014)
• 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)
• Cách tạo Image Map và cách xác định tọa độ điểm ảnh (25/04/2014)
• Hướng dẫn tạo code quảng cáo dạng Image slidebar và float ads (21/04/2014)
• Block bình luận cho web NukeViet (20/04/2014)
• Code quảng cáo góc phải màng hình html (20/04/2014)
• Thêm khối Block cho NukeViet (20/04/2014)

Những tin cũ hơn

• Đư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)