thiết kế website chuẩn seo giá rẻ: tạo-menu-menu website-đẹp

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="title icon" style="background-color: white; color: #333333; font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-size: 14px; font-stretch: normal; margin: 0px; padding: 10px 10px 10px 0px;">
Hướng dẫn tạo trình đơn ứng với CSS</h2>
<h2 class="title icon" style="background-color: white; color: #333333; font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-size: 14px; font-stretch: normal; margin: 0px; padding: 10px 10px 10px 0px;">
<b style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px;">1. Cấu trúc menu</b><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Chúng ta bắt đầu với việc xây dựng một menu bình thường trước cho dễ hiểu. Sử dụng thẻ  </span><span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">là </span><span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">để xây dựng menu là thói quen trước giờ của nhiều anh em làm dev. Chúng ta cũng sẽ bắt đầu như thế.</span><span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"><br />
</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:<br />
Mở Menu</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 180px; line-height: 12px; overflow: scroll; padding: 6px;"><nav class="cmn-tile-nav"><ul class="clearfix">
<li class="colour-1">HTML</li>
<li class="colour-2">CSS</li>
<li class="colour-3">Sass</li>
<li class="colour-4">JS</li>
<li class="colour-5">PHP</li>
<li class="colour-6">Ruby</li>
<li class="colour-7">iOS</li>
<li class="colour-8">Android</li>
</ul>
</nav></pre>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4312050943585148" data-ad-slot="4685718310" style="display: inline-block; height: 90px; width: 728px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br /></div>
<span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Bây giờ chúng ta sẽ đi sâu vào chỉnh sửa các yếu tố CSS để hoàn thiện menu. Do mục đích của mình là thực hiện nó cho di động nên đầu tiên menu sẽ được ẩn đi. Khi class </span><i style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;">.open</i><span style="font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> được thêm vào thì menu này mới mở ra. Chúng ta cũng thiết lập một số thuộc tính của list như không hiển thị danh sách dạng list,</span></h2>
<h2 class="title icon" style="background-color: white; font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif; font-size: 14px; font-stretch: normal; margin: 0px; padding: 10px 10px 10px 0px;">
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">được thiết lập dạng khối (block). Thứ quan trọng nhất phải thiết lập đó là màu nền của menu phải khác với màu nền của trang web để khiến nó nổi lên. Ngoài ra, để các menu trông đẹp hơn, chúng ta sẽ thiếp lập màu sắc khác nhau chuyển dần từ trái sang phải.</span><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"><br />
</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Ngoài ra, khi con trỏ chuột nằm trên menu nào, chúng ta sẽ thực hiện một số hiệu ứng cho menu đó để tạo cảm giác tương tác cho người truy cập. Điều này được thực hiện thông qua sự kiện </span><i style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;">:hover</i><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> của CSS. Và đây sẽ là các mã CSS mà mình sẽ viết:</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 372px; line-height: 12px; overflow: scroll; padding: 6px;">/* nav styles */
nav.cmn-tile-nav {
  display: none;
}
nav.cmn-tile-nav.open {
  display: block;
}
nav.cmn-tile-nav ul {
  list-style: none;
}
nav.cmn-tile-nav li {
  display: block;
  overflow: hidden;
  transition: background 0.3s;
}
nav.cmn-tile-nav a {
  display: block;
  padding: 20px;
  color: #fff;
  transition: background 0.3s, transform 0.3s;
}
nav.cmn-tile-nav a:hover {
  transform: translateX(20px);
}
 
/* thay doi 8 mau khac nhau cho 8 li */
/* --- BEGIN --- */
nav.cmn-tile-nav li.colour-1,
nav.cmn-tile-nav li.colour-1 a {
  background-color: #28aadc;
}
nav.cmn-tile-nav li.colour-1:hover,
nav.cmn-tile-nav li.colour-1:hover a {
  background-color: #166888;
}
/* --- END --- */
 
/* smoother transitions */
nav.cmn-tile-nav li,
nav.cmn-tile-nav a {
  transform: translate3d(0, 0, 0);</pre>
</div>
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Vậy là xong phần CSS.</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><b style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px;">Media Queries</b><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Sau khi định dạng các style sẽ sử dụng, chúng ta sẽ thiết lập các giá trị CSS tiếp theo để có thể tùy biến theo kích cỡ màn hình khác nhau. Chúng ta thiết lập các điểm dừng tương ứng với kích cỡ(chiều rộng) của từng loại màn hình và định dạng CSS tương ứng khi ở các kích cỡ màn hình đó. Ví dụ như ở kích thước màn hình 480px, độ rộng của menu sẽ được giảm xuống còn 50% của kích thước màn hình.</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 132px; line-height: 12px; overflow: scroll; padding: 6px;">@media all and (min-width: 480px) {
  nav.cmn-tile-nav {
    display: block;
  }
  nav.cmn-tile-nav li {
    width: 50%;
    float: left;
  }
}</pre>
</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4312050943585148" data-ad-slot="4685718310" style="display: inline-block; height: 90px; width: 728px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Tiếp theo, ở kích thước màn hình là 768px, chúng ta sẽ cho chiều rộng của mỗi phần tử trong menu bằng 25% độ rộng màn hình (nghĩa là sẽ có 4 phần tử nằm trên cùng 1 hàng). Ngoài ra, chúng ta cũng có vài tùy chỉnh về mặc hiệu ứng </span><i style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;">:hover</i><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> nếu muốn. Trong ví dụ này, thay vì di chuyển text sang phải, tôi sẽ cố định chiều ngang và di chuyển text lên 20px.</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:<br />
@media all and (min-width: 768px) {</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 180px; line-height: 12px; overflow: scroll; padding: 6px;">nav.cmn-tile-nav li {
    width: 25%;
  }
  nav.cmn-tile-nav a {
    text-align: center;
    padding: 60px 20px 20px 20px;
  }
  nav.cmn-tile-nav a:hover {
    transform: translateX(0);
    transform: translateY(-20px);
  }
}</pre>
</div>
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Cho một kích thước màn hình chuẩn trên nền desktop, mình sẽ quy định đối với kích thước màn hình từ 1024px trở lên menu sẽ nằm ngang. Ngoài ra, sẵn tiện chúng ta có thể thay đổi một chút hiệu ứng vào như sau:</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 168px; line-height: 12px; overflow: scroll; padding: 6px;">@media all and (min-width: 1024px) {
  nav.cmn-tile-nav li {
    overflow: visible;
    width: 12.5%;
  }
  nav.cmn-tile-nav a {
    padding: 80px 20px 20px 20px;
  }
  nav.cmn-tile-nav a:hover {
    transform: translateY(20px);
  }
}</pre>
</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-4312050943585148" data-ad-slot="4685718310" style="display: inline-block; height: 90px; width: 728px;"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Vậy là ổn rồi, nếu bạn muốn thức hiện cho các kích cỡ màn hình khác, bạn có thể tìm thấy chúng trong </span><a href="http://websiteviet123.blogspot.com/2015/01/responsive-plugin.html" style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none;" target="_blank"><span style="color: #134f5c;">bộ công cụ dành cho responsive webdesigner (8 công cụ hữu ích cho bạn làm Responsive Web Design)</span></a><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> mà mình đã cung cấp trước đây.</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><b style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px;">Làm nút Đóng/Mở menu</b><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Tiếp theo chúng ta sẽ làm công cụ để đóng và mở menu. Các nghiên cứu đã chỉ ra rằng với kích thước màn hình nhỏ hơn 480px bạn không nên bật menu ra mà hãy luôn đóng nó lại để tiết kiệm không gian. Cho nên mình sẽ để menu ở chế độ đóng khi kích thước màn hình là 480px và menu sẽ mở ra nếu kích thước lớn hơn. Việc xây dựng nút bấm này khá đơn giản:</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 228px; line-height: 12px; overflow: scroll; padding: 6px;">a.nav-toggle {
  display: block;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #dce6f0;
  color: #646464;
  text-align: center;
}
a.nav-toggle:hover {
  background-color: #c8d2dc;
}
/* the breakpoint same as above */
@media all and (min-width: 480px) {
  a.nav-toggle {
    display: none;
  }
}</pre>
</div>
<b style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px;">JavaScript</b><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Để có thể mở và đóng menu thuận tiện, như đã nói ở trên chúng ta có thể thêm class </span><i style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;">.open</i><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> để mở và xóa class này đi để đóng menu. Điều quan trọng là bạn thực hiện nó khi người dùng click chuột lên nút đóng/mở menu. Bạn có thể tự viết một đoạn </span><acronym style="border-bottom-color: rgb(0, 0, 0); border-bottom-style: dotted; border-width: 0px 0px 1px; cursor: help; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" title="JavaScript">JS</acronym><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"> khá dễ để làm việc này. Ngoài ra có thể sử dụng một số plugin có sẵn như </span><a href="http://vnwebmaster.com/links.php?url=https://github.com/desandro/classie" style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none;" target="_blank"><span style="color: #134f5c;">classie.js</span></a><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">. Code của bạn sẽ như thế này:</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><div class="bbcode_container" style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal; margin: 5px 20px 20px; padding: 0px;">
<div class="bbcode_description" style="margin: 0px; padding: 0px;">
Code:</div>
<pre class="bbcode_code" style="background: none repeat-x rgb(242, 246, 248); border: 1px inset; direction: ltr; font-size: 12px; height: 156px; line-height: 12px; overflow: scroll; padding: 6px;">(function(window){
 
  var nav = document.querySelector("nav.cmn-tile-nav"),
      nav_toggle = document.querySelector("a.nav-toggle");
 
  nav_toggle.addEventListener("click", function(e){
    e.preventDefault();
    classie.toggle(nav, "open");
  });
 
})(window);</pre>
</div>
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Vậy là xong !</span><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><br style="font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;" /><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;">Qua hướng dẫn này, điều mình muốn nói với các bạn là việc thực hiện responsive khá đơn giản, chỉ cần bạn có một chút kiến thức về CSS và hiểu biết về kích thước màn hình là bạn có thể thực hiện nó dễ dàng. Quan trọng hơn để bạn có thể làm được đó là làm đi làm lại thường xuyên, sử dụng các tiện ích và tối ưu giao diện thường xyên để nâng cao khả năng của mình lên.</span></h2>
<h2 class="title icon" style="background-color: white; font-stretch: normal; margin: 0px; padding: 10px 10px 10px 0px;">
<div class="content" style="margin: 0px; padding: 0px;">
<div id="post_message_109164" style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px; font-weight: normal;"><span class="">facebook:    </span></span><span style="color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif;"><span style="font-size: 13px; font-weight: normal;"><a href="https://www.facebook.com/Websitevietnam123"><span class="">https://www.facebook.com/Websitevietnam123</span></a></span></span><br />
<div style="color: #333333; font-family: Verdana, Arial, Tahoma, Calibri, Geneva, sans-serif; font-size: 13px; font-weight: normal;">
<br /></div>
</div>
</div>
</h2>
<div>
<span style="background-color: white; color: #333333; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif; font-size: 13px;"><span class=""><span class="">demo:   </span></span></span><span style="color: #0000ee; font-family: "verdana" , "arial" , "tahoma" , "calibri" , "geneva" , sans-serif;"><span style="font-size: 13px;"><u>http://www.mediafire.com/download/gx9pcp4g8jn3c2s/eshopper.zip</u></span></span></div>
<br />
Thiết kế Responsive Web: Navigation<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="415" src="//www.youtube.com/embed/nQK0kz65wpo" width="690"></iframe></div>

HƯỚNG DẪN TẠO MENU RESPONSIVE VỚI CSS

Hướng dẫn tạo trình đơn ứng với CSS 1. Cấu trúc menu Chúng ta bắt đầu với việc xây dựng một menu bình thường trước cho dễ hiểu. Sử dụng ...

thiết kế website chuẩn seo giá rẻ

Translate

HƯỚNG DẪN TẠO MENU RESPONSIVE VỚI CSS

Blog Archive

chart

Bài viết được xem nhiều nhất