Tạo Menu Ngang Có Menu Sổ Xuống Một Cấp Kiểu1

Chuyên mục bạn có thể xem thêm ... BENNY HINN TỔNG HỢP NHIỀU BÀI VIẾT BILLY GRAHAM BÀI THUỐC CHỮA BỆNH CHUYỆN HAY Ý ĐẸP CHẮP CÁNH CHO TÂM HỒN BAY CAO CÁC LỄ TRONG HỘI THÁNH CÂY THUỐC DAVID YONGGI CHO GIA ĐÌNH BỀN VỮNG GIÁO LÝ TIN LÀNH HÔN NHÂN BỀN VỮNG HÔN NHÂN- GIA ĐÌNH HẦU VIỆC CHÚA HỌC- SUY NGẪM KINH THÁNH CỦA TÔI... JOHN BEVERE JOYCE MERYER KARAFUN KARAOKE KENETH E.HAGIN KHOA HỌC HIỆN ĐẠI KHOA HỌC- NIỀM TIN NGÀY TẬN THẾ NGƯỜI MẸ NICK VUJICIC NUÔI DƯỠNG TÂM LINH NỀN TẢNG HÔN NHÂN PHIM ẢNH KHIÊU DÂM PHỎNG VẤN QUAN HỆ TÌNH DỤC RICK WARREN SÁCH ONLINE CƠ ĐỐC SÁCH ONLINE ĐỜI SỐNG SẮC ĐẸP SỨC KHỎE THIẾU NHI THÁNH CA THƯ VIỆN THỦ THUẬT MÁY TÍNH TRẦN THÁI SƠN TÀ GIÁO TÌNH DỤC TÌNH YÊU ĐẠO VÀ ĐỜI ĐỌC SÁCH Danh mục sách trong THƯ VIỆN ... Thêm Phước Hạnh Trong Tài Chính (4 bài) Bài giảng của Mục sư Đoàn Văn Miêng 95 luận điểm của Martin Luther (2 bài) Chúa Tái Lâm (1 bài) Sống trong những ngày sau rốt (2 bài) Gây dựng Hội Thánh mới (2 bài) Tẩy sạch để phấn hưng (7 bài) Nguyên tắc giải nghĩa Kinh Thánh(2 bài) Con trai của sự yên ủi (1 bài) Thánh kinh thông lãm Cựu ước (39 bài) Ms Trần Thái Sơn 100 Bài học KT của Alban Douglas Cách kinh doanh của người Do Thái (3 bài)

TẠO MENU NGANG CÓ MENU SỔ XUỐNG MỘT CẤP 

Tạo menu ngang có menu sổ xuống một cấp

Thủ Thuật- Tạo menu ngang có menu sổ xuống một cấp

     Tạo menu ngang có menu sổ xuống một cấp là một trong những bước khiến trang bogger của bạn nên 'tầm vóc'. Tạo menu ngang có menu sổ xuống một cấp cũng rất đơn giản trong các cách tạo menu. Tạo menu ngang có menu sổ xuống một cấp khá rất đơn giản nhưng cũng nhiều lách cách. Bạn hãy kiên trì thì sẽ tạo được Tạo menu ngang có menu sổ xuống một cấp.  Hôm nay, Thủ Thuật hướng dẫn bạn tạo menu ngang có menu sổ xuống một cấp dạng 1. Hướng dẫn cách Tạo menu ngang có menu sổ xuống một cấp như sau.

TẠO MENU NGANG CÓ MENU SỔ XUỐNG MỘT CẤP

Tạo menu ngang có menu sổ xuống một cấp

DEMO đã sử dụng code tạo menu ngang có menu sổ xuống một cấp:

Cách tạo menu ngang có menu sổ xuống một cấp

- Đăng nhập Blogger

- Vào Mẫu- chọn - chỉnh sửa HTML.

Sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào ô lệnh ]]></b:skin>

Code: Copy tất cả

/* Start Slider Code From http://hoithanhkienbai.blogspot.com */ #jsddm {<br /> margin: 0;<br /> padding: 15px;<br /> z-index:1000000000;<br /> position:relative;<br /> }<br /> <br /> #jsddm li {<br /> float: left;<br /> list-style: none;<br /> font: 12px Tahoma, Arial;<br /> }<br /> <br /> #jsddm li a {<br /> display: block;<br /> white-space: nowrap;<br /> margin:1px 3px;<br /> border: 1px solid #AAAAAA;<br /> background: #cccccc;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));<br /> background: -moz-linear-gradient(top, #ebebeb, #cccccc);<br /> padding: 5px 10px;<br /> -webkit-border-radius: 5px;<br /> -moz-border-radius: 5px;<br /> border-radius: 5px;<br /> text-shadow: #ffffff 0 1px 0;<br /> color: #363636;<br /> font-size: 15px;<br /> font-family: Helvetica, Arial, Sans-Serif;<br /> text-decoration: none;<br /> vertical-align: middle;<br /> }<br /> <br /> #jsddm li a:hover {<br /> background: #C8C8C8;<br /> }<br /> <br /> #jsddm li ul {<br /> margin: 0;<br /> padding: 0;<br /> position: absolute;<br /> visibility: hidden;<br /> border-top: 1px solid white;<br /> }<br /> <br /> #jsddm li ul li {<br /> float: none;<br /> display: inline;<br /> }<br /> <br /> #jsddm li ul li a {<br /> width: auto;<br /> background: #CAE8FA;<br /> }<br /> <br /> #jsddm li ul li a:hover {<br /> background: #A3CEE5;<br /> }<br /> /* End Slider Code From http://hoithanhkienbai.blogspot.com/*/

Cũng tương tự như trên, bạn gõ vào ô tìm kiếm lệnh </head> và dán đoạn code dưới đây trước </head>

Code: Copy tất cả

/* Start Slider Code From http://hoithanhkienbai.blogspot.com */ <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var timeout = 500; var closetimer = 0; var ddmenuitem = 0; function jsddm_open() { jsddm_canceltimer(); jsddm_close(); ddmenuitem = $(this).find('ul').css('visibility', 'visible');} function jsddm_close() { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} function jsddm_timer() { closetimer = window.setTimeout(jsddm_close, timeout);} function jsddm_canceltimer() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null;}} $(document).ready(function() { $('#jsddm > li').bind('mouseover', jsddm_open) $('#jsddm > li').bind('mouseout', jsddm_timer)}); document.onclick = jsddm_close; //]]> </script><br /> /* End Slider Code From http://hoithanhkienbai.blogspot.com/*/

Bước kế tiếp cũng làm tương tự như hai cách trên, bạn dán đoạn code dưới đây vào trước lệnh </header>

(hoặc thêm tiện ích HTML/javacript rồi dán nó vào)

Đây là code 

TẠO MENU NGANG CÓ MENU SỔ XUỐNG MỘT CẤP

Tạo menu ngang có menu sổ xuống một cấp rất quan trọng:

Code  Tạo menu ngang có menu sổ xuống một cấp

<ul id="jsddm">

  <li><a href="#">Home</a>

  <li><a href="#">Menu 1</a>

  <ul>

  <li><a href="#"> tên menu con 1</a></li>

  <li><a href="#"> tên menu con 2</a></li>

  <li><a href="#"> tên menu con 3 </a></li>

  </ul>

  </li>

 <li><a href="#"> tên menu </a>

  <ul>

  <li><a href="#"> tên menu </a></li>

  <li><a href="#"> tên menu </a></li>

  </ul>

  </li>

 <li><a href="#">Menu 3</a>

  <ul>

  <li><a href="#"> tên menu </a></li>

  <li><a href="#"> tên menu </a></li>

  <li><a href="#"> tên menu </a></li>

  <li><a href="#"> tên menu </a></li>

  </ul>

  </li>

 <li><a href="#">Menu 4</a></li>

  <li><a href="#">Menu 5</a></li>

    </li></ul>

Bây giờ, bạn thay đổi các code màu đỏ là URL của trang và màu xanh là tên hiển thị sao cho phù hợp với blog bạn.

Ví dụ dùng code tạo menu ngang có menu sổ xuống một cấp:

   <li><a href="# (dòng này để trống  #)">Tin Lành</a>

    <ul>

<li><a href="http://tinlanhlagi.com/"> Tin Lành Là Gì</a></li>

    <li><a href="http://hoithanhkienbai.blogspot.com/2012/03/giao-ly-tin-lanh.html">Giáo Lý Tin Lành</a></li>

TẠO MENU NGANG CÓ MENU SỔ XUỐNG MỘT CẤP

Thủ Thuật tạo menu ngang có menu sổ xuống một cấp chúc ban thành công!!

Tạo menu ngang có menu sổ xuống một cấp

Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com

Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..