Diễn đàn lập trình
Từ khóa, mật độ từ khóa là những thuật ngữ cơ bản của SEO khi nói về bài viết chuẩn SEO. Khi viết bài bạn sẽ thấy ở mỗi đơn vị sẽ yêu cầu một mật độ từ khóa và phân tích chúng bằng các công cụ khác nhau. Vậy…
Hỡi những bạn content! Bạn đã biết gì về 5W1H và cách sử dụng phương pháp này? Là người sáng tạo nội dung, luôn làm mới kỹ năng phát triển và xây dựng nội dung là điều cần thiết đối với content marketing. Vì vậy, nếu chưa biết về 5W1H,…
Thiết kế menu web điều hướng là sự ưu tiên hàng đầu cho bất cứ trang web nào. Điều hướng là công cụ duy nhất giúp người dùng có thể tìm thấy những thông tin quan trọng cần tìm và sẽ là nhân tố quyết định liệu người dùng sẽ…
Điều hướng là một trong những phần vô cùng quan trọng không thể nào thiếu trong mỗi trang website được. Bởi việc điều hướng sẽ hỗ trợ cho người dùng nhanh chóng đến nơi muốn đến. Với cách làm như vậy đã mang đến cho mọi người những trải…
HTML <ul id=”green_and_orange_step_menu”> <li class=”frist “>Step 1</li> <li>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”inprogress”>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”done”>Step 2<span></span></li> <li class=”inprogress”>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul>…
HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…
HTML <div class=”lefnav”> <a href=”#” class=”active” title=”Only For Css Menu”>Only For Css Menu</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 2</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 3</a> <a href=”#” title=”Only Css Menu”>Only Css Menu 4</a> <a href=”#” title=” Css based Menu”>Css based Menu</a> <a…
HTML <div id=”tabMenu”> <ul class=”topnev”> <li><a href=”#” class=”active”>CSS MENU</a></li> <li><a href=”#”>CSS MENU 2</a></li> <li><a href=”#”>CSS MENU </a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> </ul> </div> CSS <style> #tabMenu { background:#000000; margin:10px 0 0 0; padding:5px 0 0 50px; } ul.topnev { margin:0; padding:0; list-style:none; border:#000; } ul.topnev…
HTML <ul id=”HDropdown-orange-classic”> <li><a href=”#” title=”Horizontal Css Menu”>Horizontal Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Css Menu”>Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Only Css Menu”>Only Css Menu</a> <ul>…
HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…