09-08-2013, 11:48 PM
Chào các bạn
Lần trước minh đã hướng dẫn các bạn làm menu với hiệu ứng khi rê chuột rất đẹp, hôm nay mình sẽ thêm tí mắm, dậm ít muối để món này thêm phần đậm đà và hấp dẩn hơn nửa há.
Bước 1
Vào trang web http://dryicons.com/free-icons để lựa chọn icon đúng theo mục lục của menu, ví dụ: mục Trang Chủ thì chúng ta sẽ lựa chọn hình icon cái nhà, trên trang web đó sẽ có nhà tranh, nhà gạch, nhà trệt hay nhà lầu, màu xanh hoặc đỏ tùy theo sở thích và phù hợp với trang web của mình thì bạn chọn lấy và down về, giải nén. Trong đó có nhiều kích cở từ 16 px cho đến 128 px, các bạn chọn lựa và tải lên foder images của diễn đàn trên host nhé.
Bước 2
Vào Header của themes đang sử dụng thêm đường dẩn icon cho câu lệnh của menu, ví dụ:
<li><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}"><img src="images/folder_accept.png">chủ đề của bạn</a></li>.
Có bao nhiêu câu lệnh thì các bạn làm bấy nhiêu icon nhá, nhớ ghi đúng tên của icon đấy, ví dụ như: folder_accept.png. Nó mới hiện đúng icon.
Bước 3
Vào Themes chọn themes đang sử dụng -> spotlightmenu.css .
Chỉnh lại thông số sau đây cho phù hợp hiệu ứng khi rê chuột với kích thước icon
.spotlightmenu li a{
display:inline-block;
padding: 10px;
min-width:25px; /* horizontal diameter of spotlight */
height:25px; /* vertical diameter of spotlight */
Trên đây là những thông số của mình với kích cở icon là 24px. Nếu chưa hợp với trang web của bạn thì cứ chỉnh cho tới khi hợp ý nhất.
Xong rồi đó, mong rằng với chút mắm muối sẽ làm cho món menu này đậm đà và hấp dẫn hơn nữa với tiêu chuẩn iso món ngon thế giới: Ngon - Bổ - Rẻ, chúc các bạn thành công như mong đợi và no con mắt há.
Xem demo tại đây.
Có thể liên quan đến chủ đề...
TẠO MENU VỚI HIỆU ỨNG ẨN HIỆN
Lần trước minh đã hướng dẫn các bạn làm menu với hiệu ứng khi rê chuột rất đẹp, hôm nay mình sẽ thêm tí mắm, dậm ít muối để món này thêm phần đậm đà và hấp dẩn hơn nửa há.
Bước 1
Vào trang web http://dryicons.com/free-icons để lựa chọn icon đúng theo mục lục của menu, ví dụ: mục Trang Chủ thì chúng ta sẽ lựa chọn hình icon cái nhà, trên trang web đó sẽ có nhà tranh, nhà gạch, nhà trệt hay nhà lầu, màu xanh hoặc đỏ tùy theo sở thích và phù hợp với trang web của mình thì bạn chọn lấy và down về, giải nén. Trong đó có nhiều kích cở từ 16 px cho đến 128 px, các bạn chọn lựa và tải lên foder images của diễn đàn trên host nhé.
Bước 2
Vào Header của themes đang sử dụng thêm đường dẩn icon cho câu lệnh của menu, ví dụ:
<li><a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}"><img src="images/folder_accept.png">chủ đề của bạn</a></li>.
Có bao nhiêu câu lệnh thì các bạn làm bấy nhiêu icon nhá, nhớ ghi đúng tên của icon đấy, ví dụ như: folder_accept.png. Nó mới hiện đúng icon.
Bước 3
Vào Themes chọn themes đang sử dụng -> spotlightmenu.css .
Chỉnh lại thông số sau đây cho phù hợp hiệu ứng khi rê chuột với kích thước icon
.spotlightmenu li a{
display:inline-block;
padding: 10px;
min-width:25px; /* horizontal diameter of spotlight */
height:25px; /* vertical diameter of spotlight */
Trên đây là những thông số của mình với kích cở icon là 24px. Nếu chưa hợp với trang web của bạn thì cứ chỉnh cho tới khi hợp ý nhất.
Xong rồi đó, mong rằng với chút mắm muối sẽ làm cho món menu này đậm đà và hấp dẫn hơn nữa với tiêu chuẩn iso món ngon thế giới: Ngon - Bổ - Rẻ, chúc các bạn thành công như mong đợi và no con mắt há.
Xem demo tại đây.
Có thể liên quan đến chủ đề...
TẠO MENU VỚI HIỆU ỨNG ẨN HIỆN
Xin chào mọi người PCNDL tự hào là thành viên đã lâu rồi của Diễn đàn SV khoa Kinh Doanh Quốc Tế. Rất mong mọi người kính nể nha !!!
=======haiquan.info=====
=======haiquan.info=====