Bạn đang xem bài viết Tạo Menu Thả Xuống Nhiều Thư Mục Con được cập nhật mới nhất trên website Rafs.edu.vn. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất.
(Traidatmui.com) – Hôm nay mình sẽ hướng dẫn các bạn thực hiện một thủ thuật để tạo một menu ngay dạng thả xuống với nhiều cấp bậc con khác nhau. Với menu này bạn có thể tạo thêm rất nhiều thư mục trong menu, vì với một thư mục chính bạn có thể tạo thêm nhiều thư mục con khác. Menu này có sẽ làm cho blog bạn trông đẹp hơn đấy và cũng giúp bạn trong việc chia nhỏ các thư mục trong blog của bạn. Thủ thuật này cũng khá phức tạp, bạn hãy xem hình ảnh bên dưới sẽ thấy rỏ hơn.
1. Đầu tiên đăng nhập vào blog của bạn 2. Vào bố cục chọn chỉnh sửa
HTML
html .jqueryslidemenu{height: 1%;}
4. Save template lại 5. Bây giờ bạn hãy thêm 1
HTML/Javascript
và dán code bên dưới vào .jqueryslidemenu{ font: bold 12px Verdana; background:#153E7E;
/* màu nền của menu*/
width: 100%; }
.jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li{ position: relative; display: inline; float: left; }
.jqueryslidemenu ul li a{ display: block; background:#15317E;
/* màu nền của thư mục chính*/
color: white;
/*màu text thư mục chính*/
padding: 8px 10px; border-right: 1px solid #778; text-decoration: none; }
* html .jqueryslidemenu ul li a{ display: inline-block; }
/*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #ff0066; }*/
.jqueryslidemenu ul li a:hover{ background:#2B60DE;
/* màu hiệu ứng khi rê chuột vào các link*/
color: white;
/*màu text khi rê chuột*/
}
.jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; }
.jqueryslidemenu ul li ul li{ display: list-item; float: none; }
.jqueryslidemenu ul li ul li ul{ top: 0; }
.jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
.jqueryslidemenuz ul li ul li a:hover{ background: #eff9ff; color: black; }
.downarrowclass{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px;
Chỉnh code:
– Bạn hãy dựa vào các dòng chữ màu xanh lá ở trên để chỉnh sửa màu nền và text theo ý bạn – Những dòng
màu đỏ đậm
trong code trên chính là tên của các thư mục chính, bạn hãy thay đổi cho phù hợp với blog của bạn. – Code
màu xanh dương
là tên của những thư mục con cấp 1 của menu chính – Code
màu xanh nhạt
là tên của thư mục con cấp 2 của thư mục chính – Code
màu cam
là thư mục con cấp 3 của thư mục chính, bạn hãy sửa tên các thư mục trên cho phù hợp với blog của bạn. – Thay các dấu
“#”
thành những đường dẫn tương ứng với tên của thư mục
Ở trên mình chỉ giới thiệu cho bạn tạo 7 thư mục, bạn có thể thêm nhiều hơn hoặc bớt đi tùy ý. Nhưng bạn cần phải lưu ý khi xóa đi hoặc thêm vào thư mục nào thì phải kiểm tra lại thẻ đóng của chúng cho phù hợp.
Cách tạo menu con:
ví dụ bạn muốn tạo thư mục con cấp 2 cho thư mục
“Download”
tại thư mục
Sub Item 2.2
thì bạn làm như bên dưới:
Nếu muốn thêm thư mục không cần có thư mục con bạn chỉ việc thêm code như bên dưới và vị trí bạn muốn. ví dụ thêm như mục
“Cộng cụ”
vào sau thư mục
“Học tập”
bạn làm như sau:
6. Save lại
Cách Tạo Thư Mục Hoặc Thư Mục
Mở Máy tính của tôi hoặc Windows Explorer.
Mở ổ đĩa hoặc thư mục mà bạn muốn tạo thư mục mới; ví dụ: ổ C :. Nếu bạn không muốn tạo một thư mục trong thư mục gốc, hãy duyệt đến vị trí bạn chọn.
Trong Windows 10 trên tab Trang chủ, hãy nhấp vào biểu tượng Thư mục mới . Trong Windows 7 trở về trước trên thanh menu tệp, chọn Tệp rồi chọn Thư mục .
Mẹo: Trong tất cả các phiên bản Windows, bạn cũng có thể nhấp chuột phải vào một phần trống của thư mục, nhấp vào Mới và sau đó là Thư mục, như trong hình bên dưới.
Lưu ý: Nếu bạn đang sử dụng Windows 7 trở về trước và không thấy thanh menu Tệp ở đầu Windows Explorer, hãy nhấn phím Alt và nó sẽ hiển thị.
Máy tính để bàn Windows
Điều hướng đến màn hình nền Windows.
Nhấp chuột phải vào chuột trên bất kỳ phần trống nào của máy tính để bàn.
Trong menu xuất hiện (như hiển thị trong hình bên phải), nhấp vào Mới và sau đó Thư mục .
Một thư mục mới sẽ xuất hiện. Nhập tên của thư mục bạn muốn sử dụng và sau đó nhấn Enter.
Tạo một thư mục mới bằng phím tắt
Khi ở trong Windows Explorer, bạn có thể nhấn Ctrl + Shift + N để tạo thư mục mới mà không cần sử dụng chuột.
Dòng lệnh Windows
Xem phần người dùng dòng lệnh MS-DOS và Windows sau đây để biết thông tin về cách tạo thư mục trong dòng lệnh Windows.
Tạo một thư mục trong MS-DOS và dòng lệnh Windows
Mẹo: Sử dụng “thư mục” thay vì “thư mục” khi tham khảo dòng lệnh.
Để tạo một thư mục trong MS-DOS hoặc dòng lệnh Windows, hãy sử dụng lệnh md hoặc mkdir MS-DOS. Ví dụ, bên dưới chúng tôi đang tạo một thư mục mới gọi là “hy vọng” trong thư mục hiện tại.
mkdir hy vọngBạn cũng có thể tạo nhiều thư mục mới trong thư mục hiện tại bằng cách sử dụng lệnh md . Trong ví dụ tiếp theo, chúng tôi đang tạo ba thư mục mới, được gọi là “user1, ” “user2, ” và “user3, ” trong thư mục hiện tại.
md user1 user2 user3 md "thư mục mẫu của tôi"Để tạo một thư mục trong thư mục mẹ, mà không cần di chuyển vào thư mục đó trước tiên, bạn có thể sử dụng lệnh bên dưới. Ví dụ này di chuyển trở lại một thư mục để tạo thư mục “ví dụ”.
md .. ví dụ mkdir hy vọng kiểm traMẹo: Khi một thư mục đã được tạo, bạn có thể sử dụng lệnh cd để thay đổi thư mục và di chuyển vào thư mục đó.
md f: ví dụTạo một thư mục với một tệp bó
Một tệp bó là một chuỗi các lệnh có thể được nhập vào dòng lệnh. Do đó, bạn có thể sử dụng bất kỳ ví dụ nào được đưa ra trong phần trên về cách tạo thư mục trong dòng lệnh MS-DOS và Windows trong tệp bó để tạo thư mục mới.
Tạo một thư mục trong Linux, Unix và các biến thể của chúng
Mẹo: Sử dụng “thư mục” thay vì “thư mục” khi ở trong dòng lệnh.
Lưu ý: Bạn phải có quyền để tạo một thư mục bên ngoài thư mục chính của bạn.
Để tạo một thư mục trong Linux, Unix hoặc bất kỳ biến thể nào, hãy sử dụng lệnh mkdir Linux và Unix. Ví dụ, bên dưới chúng tôi đang tạo một thư mục mới gọi là Hope trong thư mục hiện tại.
mkdir hy vọngMẹo: Khi thư mục đã được tạo, bạn có thể sử dụng lệnh cd để thay đổi thư mục và di chuyển vào thư mục đó.
Mẹo: Nếu bạn muốn thay đổi quyền của thư mục sau khi được tạo, hãy sử dụng lệnh chmod.
Hướng dẫn shell Linux và Unix
Tạo thư mục và thư mục trong Microsoft Windows 3.X
Quản lý tập tin
Mở Trình quản lý tệp
Mở thư mục mà bạn muốn đặt thư mục mới và trên menu ở đầu Trình quản lý tệp, chọn Tệp và sau đó chọn thư mục mới .
MS-DOS
Xem phần người dùng MS-DOS ở trên để biết thông tin về cách tạo thư mục trong MS-DOS.
Tạo thư mục trong macOS X
Thư mục máy tính để bàn
Điều hướng đến máy tính để bàn macOS.
Nhấp chuột phải (chạm hai ngón tay trên chuột) vào bất kỳ khoảng trống nào trên màn hình nền.
Chọn Thư mục mới từ menu thả xuống xuất hiện.
Đặt tên cho thư mục và sau đó nhấn Return .
Tạo một thư mục trong một thư mục
Mở Finder và điều hướng đến thư mục mà bạn muốn tạo thư mục.
Nhấp vào Tệp ở góc trên bên trái của màn hình.
Chọn Thư mục mới trong menu thả xuống xuất hiện.
Đặt tên cho thư mục, và sau đó nhấn Return .
Mẹo: Người dùng cũng có thể nhấn tổ hợp phím tắt Command + Shift + N để tạo thư mục mới.
Đồng Bộ Thư Mục Con Trên Google Drive Cho Thiết Bị Mac
Google Drive for Mac/PC là ứng dụng giúp đồng bộ hóa máy tính của người dùng với Google Drive, hỗ trợ người dùng truy cập các tập tin hoặc dữ liệu từ bất cứ nơi đâu. Vào đầu năm 2016, Google đưa ra một số tính năng mới hỗ trợ đồng bộ, phân quyền trên Mac/PC tốt và nhanh hơn như:
Dễ dàng lựa chọn các thư mục con để đồng bộ với máy tính của người dùng
Nếu như trước đây Google Drive Sync chỉ hỗ trợ đồng bộ với thư mục cấp cao nhất thì bây giờ người dùng có thể đồng bộ các thư mục con trong My Drive một cách dễ dàng hơn mà không nhất thiết phải chọn toàn bộ thư mục lớn.
Sync subfolders with Drive for Mac/PC
Quản lý dung lượng một cách rõ ràng
Trong khi người dùng có thói quen lưu trữ nhiều dữ liệu trên Google Drive còn ở máy tính thì rất ít, giao diện Drive sẽ hiển thị dung lượng các file trong từng thư mục con để người dùng có thể biết và lựa chọn các thư mục phù hợp với dung lượng còn trống của máy tính. Trong trường hợp dung lượng ổ cứng trên máy tính sắp bị vượt quá giới hạn, Drive sẽ đưa ra cảnh báo cho người dùng biết.
Xuất hiện thông báo khi xóa hoặc di chuyển dữ liệu vào một thư mục đã được chia sẻ
Khi người dùng đang làm việc với các thư mục trên máy tính, họ có thể dễ dàng di chuyển và xóa các thư mục. Tuy nhiên, điều này sẽ làm người sử dụng đã được chia sẻ tập tin trước đó bị mất quyền truy cập. Bây giờ, Drive sẽ cảnh báo người dùng bằng cách thông báo cho họ nếu ai đó bị mất quyền truy cập.
Warn Before Deleting Shared Files
Vui lòng lưu ý các quản trị viên Google Apps trước hết phải cho phép người dùng sử dụng đồng bộ Google Drive xuống PC từ giao diện Admin thì người dùng mới có thể sử dụng những tính năng trên. Chi tiết tại Help Center.
Update: GiMASYS
Tạo Menu Xổ Xuống Trong Blogspot, Cách Gắn Link Nhãn Lên Thanh Menu
I. Cách tạo menu xổ xuống và menu con trong blogspot
Cách tạo menu xổ xuống trong blogspot
$(document).ready(function(){ var touch = $(‘#resp-menu’); var menu = $(‘.menu’); e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); menu.removeAttr(‘style’); } }); }); nav { display: block; background: #374147; } .menu { display: block; } .menu li { display: inline-block; position: relative; z-index: 100; } .menu li:first-child { margin-left: 0; } .menu li a { font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; } color: #fff; background: #F70000; } .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 150px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; } .menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: ” “; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; } .menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #797979; background: #fff; } background: #F70000; color: #fff; } visibility: visible; opacity: 1; transform: translate(0,0); } .menu ul ul { left: 149px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; } .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: ” “; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; } visibility: visible; opacity: 1; transform: translate(0,0); } .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #374147; color: #fff; text-transform: uppercase; font-weight: 600; } .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; } a.homer { background: #F70000; } @media (min-width: 768px) and (max-width: 979px) { .mainWrap { width: 768px; } .menu ul { top: 37px; } .menu li a { font-size: 12px; } a.homer { background: #374147; } } @media (max-width: 767px) { .mainWrap { width: auto; padding: 50px 20px; } .menu { display: none; } .responsive-menu { display: block; } nav { margin: 0; background: none; } .menu li { display: block; margin: 0; } .menu li a { background: #fff; color: #797979; } background: #F70000; color: #fff; } .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; } visibility: visible; opacity: 1; position: relative; transform: initial; } .menu ul ul { left: 0; transform: initial; } transform: initial; } } @media (max-width: 480px) { } @media (max-width: 320px) { }
Bước 2 : Chèn đoạn code Sau tại nơi muốn hiển thị menu
II. Cách gắn link nhãn lên thanh menu
Link nhãn hay còn gọi là các thư mục trong blogspot, vậy đầu tiên các bạn cần biết cách tạo thư mục trong blogspot trước đã.
Cách tạo thư mục trong blogspot
Thư mục chính là phần nhãn khi các bạn đăng bài nằm bên phải, các bạn có thể đặt nhiều nhãn và cách nhau bằng dấu , (phẩy) ở đây mình lấy ví dụ 1 nhãn là Thủ thuật blogspot thì sau đó bạn sẽ lấy được đường link nhãn là
Câu hỏi :
Làm sao để gắn link nhãn lên thanh menu
Tạo menu xổ xuống trong blogspot, cách gắn link nhãn lên thanh Menu
Cập nhật thông tin chi tiết về Tạo Menu Thả Xuống Nhiều Thư Mục Con trên website Rafs.edu.vn. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất. Chúc bạn một ngày tốt lành!