Hướng dẫn tạo code pháo hoa ngày tết cho website demo namdinh365.com

ND: Mã tin: 730 - Lượt xem: 1,636 - Trả lời: 6

Trạng thái chủ đề:
Không mở trả lời sau này.
  1. hangs2ngon

    hangs2ngon - 26/1/16

    Vừa bước vào forum thấy code pháo hoa nổ tưng bừng :D
    Các code tết khác thì không biết nhưng thấy code ở website namdinh365.com nhà mình không bị chèn nên mình mạo muội kiếm share tặng ae về đặt lên website hay bloger ngày tết cho có không khí xuân nhé \
    Code này toàn html thôi nên dễ sài dễ sử dụng
    demo: namdinh365.com
    Mình mới kiếm được bộ code tết khá là ưng ý giành cho tất cả các ae xenforo nhà mình
    Code này khá đẹp và phù hợp với website có khả năng ẩn trên điện thoại như vậy sẽ không bị che mất khi các bạn truy cập bằng điện thoại
    Các bạn thêm code sau vào dưới cùng của footer nhé - Chỉnh sửa tùy ý . Chúc các bạn có 1 năm mới vui vẻ .
    Mã:
    <!-- 21/08/2015 namdinh365.com  -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/images/banner_left.png" width="140" height="450" alt="cho rao vat nam dinh "></a> <br>
    <!-- Thai thuong hoang 7/10/2015 -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/" width="0" height="0" alt="Cho rao vat nam dinh"></a><br>
    </div>
    <div id="qc_right" style="top: 25px; right: 35.5px; position: fixed; display: none;">
    <!-- 15/011/2015 Van phong chia se  -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/images/banner_right.png" width="140" height="450" alt="cho rao vat nam dinh"></a>
    <br>
    <!-- 06/11/2015 Sao Kim -->
    <a href="https://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/qc/saokim120x300.gif" width="0" height="0" alt="cho rao vat nam dinh "></a> <br>
    </div>
    <script type="text/javascript">
    $(function(){
        qcFloat.register();
    });
    var qcFloat = {
        register: function() {
            $(window).resize(qcFloat.check);
            $(window).ready(qcFloat.check);
        },
        check: function() {
            var windowWidth = $(window).width();
            var qcWidth = 120;
            var posLeft = (windowWidth - 1024)/2 - qcWidth - 5;
            var posRight = (windowWidth - 1024)/2 - qcWidth - 7;
            var isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
            var posTop = 0;
    if(windowWidth < 1000){
                $("#qc_left, #qc_right").hide();
            } else {
                $("#qc_left, #qc_right").show();
                $("#qc_left").css({ top: posTop=25 , left: posLeft, position: (isIE6 ? "absolute" : "fixed")});
                $("#qc_right").css({ top: posTop=25 , right: posRight, position: (isIE6 ? "absolute" : "fixed")});
            }
     
        },
    };
    <style type="text/css">body{padding-bottom:20px}</style><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="" _cke_saved_src=""/></a><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src=""/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(images/nentet.png) repeat-x bottom left;"></div><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="images/banner_header.png"/></a>
    Để thêm phần sinh động các bạn thêm code pháo hoa vào nữa
    [CODE][CODE]<script type="text/javascript" src="http://namdinh365.com/js/FireWorksNewYear.js"></script>
    
    Demo : http://namdinh365.com

    Mã:
    <script type="text/javascript" src="http://namdinh365.com/js/FireWorksNewYear.js"></script>
    
    Ae copy code trên về rồi tự thêm vào bất kỳ vị trí nào trên bloger nhé !
    Thấy hay thì thanks cho mình cái :D
    Chúc các ae 1 năm mới lung linh sắc màu :D
    Demo hình ảnh cho ae
    [​IMG]
     
    Last edited by a moderator: 26/1/16
    1 person likes this.
  2. thieu

    thieu - 26/1/16

    Thiếu cái banner đẹp 2 bên anh ơi :( có mỗi pháo hoa không thích lắm
     
  3. hangs2ngon

    hangs2ngon - 26/1/16

    Mình mới kiếm được bộ code tết khá là ưng ý giành cho tất cả các ae xenforo nhà mình
    Code này khá đẹp và phù hợp với website có khả năng ẩn trên điện thoại như vậy sẽ không bị che mất khi các bạn truy cập bằng điện thoại
    Các bạn thêm code sau vào dưới cùng của foter nhé - Chỉnh sửa tùy ý . Chúc các bạn có 1 năm mới vui vẻ .
    Mã:
    <!-- 21/08/2015 Nguyen Duc  -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/images/banner_left.png" width="140" height="450" alt="cho rao vat nam dinh "></a> <br>
    <!-- Thai thuong hoang 7/10/2015 -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/" width="0" height="0" alt="Cho rao vat nam dinh"></a><br>
    </div>
    <div id="qc_right" style="top: 25px; right: 35.5px; position: fixed; display: none;">
    <!-- 15/011/2015 Van phong chia se  -->
    <a href="http://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/images/banner_right.png" width="140" height="450" alt="cho rao vat nam dinh"></a>
    <br>
    <!-- 06/11/2015 Sao Kim -->
    <a href="https://namdinh365.com/" target="_blank">
    <img src="http://namdinh365.com/qc/saokim120x300.gif" width="0" height="0" alt="cho rao vat nam dinh "></a> <br>
    </div>
    <script type="text/javascript">
    $(function(){
        qcFloat.register();
    });
    var qcFloat = {
        register: function() {
            $(window).resize(qcFloat.check);
            $(window).ready(qcFloat.check);
        },
        check: function() {
            var windowWidth = $(window).width();
            var qcWidth = 120;
            var posLeft = (windowWidth - 1024)/2 - qcWidth - 5;
            var posRight = (windowWidth - 1024)/2 - qcWidth - 7;
            var isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
            var posTop = 0;
    if(windowWidth < 1000){
                $("#qc_left, #qc_right").hide();
            } else {
                $("#qc_left, #qc_right").show();
                $("#qc_left").css({ top: posTop=25 , left: posLeft, position: (isIE6 ? "absolute" : "fixed")});
                $("#qc_right").css({ top: posTop=25 , right: posRight, position: (isIE6 ? "absolute" : "fixed")});
            }
          
        },
    };
    </script>
    <link type="text/css" href="/cometchat/cometchatcss.php" rel="stylesheet" charset="utf-8">
    <script type="text/javascript" src="/cometchat/cometchatjs.php" charset="utf-8"></script>
    <style type="text/css">body{padding-bottom:20px}</style><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="" _cke_saved_src=""/></a><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src=""/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(images/nentet.png) repeat-x bottom left;"></div><a href="http://namdinh365.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="images/banner_header.png"/></a>
    Demo : http://namdinh365.com/
    Demo : http://namdinh365.com/
     
  4. thieu

    thieu - 26/1/16

    Thanks a code tết 2016 rất đẹp và ý nghĩa ạ :)
     
  5. webcode

    webcode - 26/1/16

    Code đẹp vãi - ẩn hình ảnh trên điện thoại đỡ rối mắt - thanks thớt nhiều nhiều :p
     
  6. Thanks

    Thanks - 27/1/16

    Thanks thím code rất đẹp
     
  7. Code

    Code - 28/1/16

    Code đẹp , chuẩn seo xenforo . thanks thím
     
Trạng thái chủ đề:
Không mở trả lời sau này.