Post image for Thủ thuật Thesic : tạo menu 2 tầng

Thủ thuật Thesic : tạo menu 2 tầng

by thuthuatwordpress

in Thu thuat Thesic, WORDPRESS DESIGN PLUGIN

Live Demo : http://thuthuatwordpress.com/simplethesic

Menu 2 tầng giúp tăng click do được cung cấp nhiều thông tin và thiết kế bắt mắt hơn .

Mặc định có thể tạo Menu 2 level đơn giản bằng cách .. xuống dòng ;) { Live demo }

Các bước design nav Menu với css :

Bước 1 : Dời vị trí thành Menu xuống dưới ảnh nền Header

remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'my_navmenu');

Bước 2 : Thêm & tùy chỉnh code custom_functions

DOwnload code: http://adf.ly/BI6mu

Bước 3: Code Trang trí CSS { Paste vào custom_css }

.nav{
border-top:1px solid #e48902;
border-bottom:1px solid #e48902;
list-style:none;
font-size:9pt;
line-height:100%;
font-weight:100;
margin:0px;
padding:0px;
background:#eee;
float:left;
width:100%;
font-family: Verdana;
}
.nav ul{
margin:0px;padding:0px; float:left; width:100%;
}
.nav li.noline{
border:0;
}
.nav li{
border-right:1px solid #555;
float:left;
display:block;
padding:0px;
margin:0px;
}
.nav li a{
color:#323232;
text-decoration:none;
display:block;
text-transform:uppercase;
padding:5px 11px;
margin:0px;
font-family: Verdana;
}
.nav li a span{
color:#d83900;
text-transform:lowercase;
display:block;
font-size:9px;
font-family: Verdana;
}
.nav li a:hover, .nav li a:hover span{
background:#fed758;
color:black!important;
font-family: Verdana;
}
* html .nav li a:hover{
background:#333;color:#fff;
}
.nav li.lastnav{
border-left:1px solid #fff;
border-right:none;
float:right;
display:block;
}
.nav li.lastnav a:hover, .nav li.lastnav a:hover span{
background:#4a4a4a;
}
.clear {
clear:both;
height:0.001em;
margin:0px;
padding:0px;
display:block;
}

Incoming search terms:
  • huong dan tao widget,menu,page trong wordpress
  • tao widget,menu,page trong wordpress
  • cách tạo widget menu trong wordpress
  • tao menu 1tang trong css
  • tao menu cho Thesis
  • chinh vi tri nav menu thesis
  • viết mã css tạo menu một tầng
  • cách tạo video 2 tầng wordpress
  • tao menu nhieu tang
  • tao menu wordpress
  • tao menu con cho menu chinh trong wordpress
  • tao menu 2 lop cho web
  • cách tạo menu sổ 2 tầng
  • tao menu wordpress va post
  • tạo menu ở footer trong wordpress
  • menu da tang cho wordpress
  • plugin menu xổ cho wordpress
  • show post trong menu wordpress
  • menu nhieu cot cho wordpress
  • huong dan tao widget menu cho blogspot
  • tao menu hai cap trong wordpress
  • tao sidebar css menu in wordpress
  • tao mennu con trong mennu wordpress
  • lam footer cho wordpress
  • cách tạo page con trong wordpress
  • cach lam menu cap 2 cho blogger
  • tao widget trong header bang css
  • tạo menu con trong wordpress
  • ccah lam menu 2 tang
  • menu 2 tang html
  • menu color marketers delight 3
  • huong dan lam menu cho blog wordpress
  • tao menu trong thesis
  • plugin menu trong wordpress
  • ngan cach footer wordpress
  • tao mene o duoi banner trong wordpress
  • tạo menu cấp 2 trong wordpress
  • tạo menu đơn giản trong wordpress
  • menu 2 cap bang css
  • tạo trình đơn trong wordpress

Bài viết liên quan::

  1. Thủ thuật SEO Thesic Theme SEO top là điểm mạnh của Thesis , vốn được thiết kế để nhắm tới SEO – Search Engine Optimization. Bản thân WordPress  đã thân thiện với các công cụ tìm kiếm, nhưng vẫn chưa hoàn hảo bởi vì còn phụ thuộc vào cách các search engine spider đọc nội...
  2. Thủ thuật Thesic – Blogussion Hover Footer Thủ thuật này thiết kế Footer 3 cột & hiệu ứng Hover tương tự Blogussion DEMO Blogussion Hover Footer ➜ DEMO Blogussion Hover Footer 2 ➜ Áp dụng thành công 100% với các theme … CHƯA CÓ FOOTER Theme hoàn chỉnh cần config cho khớp với Footer hiện có {...
  3. Thesic plugin → Thesic Optin Form Widget Thủ thuật Thesic này tạo widget đăng ký nhận bài viết mới qua dịch vụ Free Feedburner, Mailchimp,…Giao diện chuyên nghiệp hơn phiên bản 1 { Thủ thuật Thesic – Tạo khung Subcribe Mailchimp }, Đặc biệt hỗ trợ dịch vụ Feed Burner quen thuộc . Đây là một trong...
  4. Thủ thuật Thesic Affiliate Ads box Thủ thuật này tạo hộp giới thiệu Thesic Framework & Premium skin đang dùng { VD ; Thuthuatwordpress đang chạy trên Thesic Framework + Blogussion skin } DEMO: { http://dichvuvnpt24h.com/thegioiso/seo-noi-dung } Tạo hộp Affiliate ads box như  sau : Bước 1 : Định vị nơi hiển thị dưới mỗi bài...
  5. Thủ thuật Thesic – Tạo khung Subcribe Mailchimp Thủ thuật này chỉ áp dụng cho Theme Thesic & sử dụng dịch vụ miễn phí Mailchimp DEMO: Khung Subcriber ở Sidebar → http://thuthuatgenesic.co.cc/thesic/ Khung Subcriber dưới mỗi bài viết → http://www.blogging24h.com/8828/how-to-build-an-innovation-culture-in-your-organization PHẦN I – CÁC VỊ TRÍ ĐẶT KHUNG EMAIL SUBRIBER Đầu tiên cần tạo 1 widget Subcriber, Sau đó mới...
  6. Thủ thuật Thesic – CSS buttom Kỳ trước có công cụ tạo nút bấm CSS trực tuyến dùng cho tất cả nền tảng web HTML, thủ thuật này hướng dẫn cách tạo nút bấm CSS đặc trưng cho theme Thesic . DEMO : http://dichvuvnpt24h.com/thegioiso/thesic-css-buttom Hướng dẫn cài đặt Bước 1 : Download mã code CSS Các...
  7. EBOOK hướng dẫn Comment Blog để thủ thuật tăng traffic & Pagerank Update : THÊM VIDEO HƯỚNG DẪN THỰC TẾ CÁCH THỨC COMMENT  TRONG TRANG DOWNLOAD Sau thời gian ngắn hướng ngoại để áp dụng chiến thuật Comment Blog ( Các Blog Do Follow lẫn  No follow ) , Thuthuatwordpress đã SEO top # 1 nhiều keyword cho Niche site và xây...
  8. Thủ thuật Blog comment tăng Traffic & Pagerank – Comment like a pro EBOOK hướng dẫn Comment Blog để thủ thuật tăng traffic & Pagerank→ Tham khảo các công cụ PR mạng xã hội phổ biến dưới đây,Mạng xã hội, hay gọi là mạng xã hội ảo, (tiếng Anh: social network) là dịch vụ nối kết các thành viên cùng sở thích trên...
  9. Thủ thuật tạo tiêu đề Headline cho Sales page WP Headline là Plugin tạo headline chuyên nghiệp cho các trang quảng cáo, bán hàng Sales page Plugin này hỗ trợ thiết kế các tiêu đề nổi bật, các dòng ghi chú ấn tượng, công cụ được tích hợp ngay trong khung soạn thảo văn bản của WordPress . >...
  10. Popup Deluxe – Thủ thuật tăng Sale và Subcriber Email [VIP] Popup Deluxe là WordPress Plugin tạo Lightbox popup ngay trên trang web đang xem Ưu điểm : 1/ Đặt Lightbox ở các vị trí tùy chọn : Trang chủ, Trang bài viết, Page hay bất cứ  1 trang nhất định nào 2/ Tùy chọn tần suất hiển thị: Cho phép...
  11. Thesis Theme User’s Guide – Thủ thuật Thesic What is the “Thesis” WordPress theme? WordPress is a massively popular blogging platform, partly due to the ease of use of its control panel. It makes blogging all about blogging, not programming or designing. While the control panel is easy, changing the way WordPress looks isn’t so easy. It involves...

Previous post:

Next post: