Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Thay đổi màu nền ngẫu nhiên cho bài viết blogspot

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi TrollVL, 14/11/13.

Lượt xem: 4,854

  1. TrollVL Thành viên cấp 2

    Thủ thuật sau giúp cho từng bài viết trên blog bạn có màu nền ngẫu nhiên và thay đổi mỗi hi refresh

    Demo

    Thực hiện
    Thêm đoạn js sau vào trước thẻ đóng </head>
    Code:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script>
    /*<![CDATA[*/
    function randOrd() {
        return (Math.round(Math.random())-0.5);
    }
    $(document).ready(function() {
        var colors= [ 'bgcolor0', 'bgcolor1', 'bgcolor2', 'bgcolor3', 'bgcolor4' ];
        colors.sort( randOrd );
        $('.post').each(function(i, val) {
            $(this).addClass(colors[i]);
        });
    });
    /*]]>*/
    </script>
    </b:if>
    Thêm đoạn CSS sau trước thẻ ]]></b:-skin>
    Code:
    .bgcolor0{background-color:#D9B700!important;border-color:#D9B700!important}
    .bgcolor1{background-color:#F29500!important;border-color:#F29500!important}
    .bgcolor2{background-color:#0097AA!important;border-color:#0097AA!important}
    .bgcolor3{background-color:#C23916!important;border-color:#C23916!important}
    .bgcolor4{background-color:#94C849!important;border-color:#94C849!important}


    Bạn có thể thêm hoặc bớt màu nền và màu viền cho bài viết nếu tìm hiểu 1 chút 2 đoạn code trong bài viết này, ngoài ra bạn cũng có thể áp dụng thủ thuật này đối với những thành phần khác trên blog như label, menu...

    Nguồn TrollVL

    mgrHồng Sơn thích bài viết này.
  2. Hồng Sơn

    Hồng Sơn Helper

    Code:
    .bgcolor0{background-color:#D9B700!important;border-color:#D9B700!important}
    .bgcolor1{background-color:#F29500!important;border-color:#F29500!important}
    .bgcolor2{background-color:#0097AA!important;border-color:#0097AA!important}
    .bgcolor3{background-color:#C23916!important;border-color:#C23916!important}
    .bgcolor4{background-color:#94C849!important;border-color:#94C849!important}
    
    Có thể thay đổi mã màu tùy ý được :D
    Tý Ngáo thích bài viết này
  3. NND

    NND Banned

    Em khoái mỗi cái này của bác, bác hướng dẫn em tạo menu và tiện ích tìm kiếm như vậy được không?
    8LpluED.jpg

Ủng hộ diễn đàn