2 Mẫu Responsive Template cơ bản [Download]

Bài viết này mình sẽ chia sẻ 2 mẫu responsive template cơ bản cho anh em dạng 2 cột và 3 cột mình có xem bên blog DTE:]. Blog này của mình cũng đang viết dựa theo mẫu này dạng 2 cột. Anh em có thể download về để tham khảo

Demo 2 Cột Demo 3 Cột Download


Ở 2 bản mẫu này, giao diện sẽ thay đổi khi kích cỡ màn hình là 740px và 570px

@media screen and (max-width:1024px) {
    #outer-wrapper {width:100%;}
}

@media screen and (max-width:740px) {
    #main-wrapper,
    #sidebar-wrapper {
      float:none;
      display:block;
      width:auto;
      padding:5%;
    }

    #sidebar-wrapper .widget-content {margin:0 0 10px;padding:0;}
}

@media screen and (max-width:570px) {
    #header h1 {font-size:170%;}
}

Chúc anh em sẽ thiết kế được template hoàn chỉnh nhất cho blog của mình. Cảm ơn đã ghé thăm và đừng quên comment góp ý nha!

Nguồn  DTE:]