Thiết bị vệ sinh
-
Seabig với mong muốn mang lại sản phẩm bàn cầu Viglacera cao cấp tốt nhất cho khach hàng có giá ưu đãi và triết khấu tốt nhất đảm bảo giá th...
-
Làm biển quảng cáo-làm biển Mica hộp đèn đẹp giá rẻ Quảng cáo Hưng Thịnh chuyên thiết kế thi công lắp đặt làm biển quảng cáo - làm ...
-
Bồn cầu inax Thiết bị chuyên dụng trong nhà vệ sinh có thể di động được như một thùng rác thông minh. bất ngờ khi nhìn thấy chúng ở trên đ...
Thứ Ba, 7 tháng 10, 2014
Làm biển quảng cáo bền đẹp chuyên nghiệp tại Hà Nội
Làm biển quảng cáo-làm biển Mica hộp đèn đẹp giá rẻ
Quảng cáo Hưng Thịnh chuyên thiết kế thi công lắp đặt làm biển quảng cáo-làm biển Mica hộp đèn đẹp giá rẻ uy tín chuyên nghiệp tại Hà Nội.
làm biển quảng cáo-làm biển Mica hộp đèn |
Tập làm blog như một trang web đẹp không hề khó
Tập làm blog như một trang web đẹp không hề khó. Nếu như bạn muốn tập làm một blog cá nhân như một trang web không hề khó chút nào hãy cùng nhau chi sẻ kiến thức nhé!
bạn muốn làm một menu như thế này không?
3. Chèn đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin> vừa tìm được.
#mbtnavbar { background: #FFF; width: 760px; color: #000000; margin: 0px; padding: 0; position: relative; border-top:0px solid #960100; height:35px; } #mbtnav { margin: 0; padding: 0; } #mbtnav ul { float: left; list-style: none; margin: 0; padding: 0; } #mbtnav li { list-style: none; margin: 0; padding: 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height:35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color: #060505; display: block; font:normal 12px Helvetica, sans-serif; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; } #mbtnav li a:hover, #mbtnav li a:active { background: #86bcee; color: #FFF; display: block; text-decoration: none; margin: 0; padding: 9px 12px 10px 12px; } #mbtnav li { float: left; padding: 0; } #mbtnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0; padding: 0; } #mbtnav li ul a { width: 140px; } #mbtnav li ul ul { margin: -25px 0 0 161px; } #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul { left: -999em; } #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul { left: auto; } #mbtnav li:hover, #mbtnav li.sfhover { position: static; } #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited { background: #86bcee; width: 120px; color: #FFF; display: block; font:normal 12px Helvetica, sans-serif; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; z-index:9999; border-bottom:0px dotted #333; } #mbtnav li li a:hover, #mbtnavli li a:active { background: #FFF; color: #060505; display: block; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; }
Có thể thay đổi thông số màu và kích thước khi bạ chỉnh mã màu pic xel ảnh
4. Bấm "Lưu mẫu" để lưu vào template.
5. Vào Bố Cục Thêm tiệ ích chọn Javascrip như hình
bạn muốn làm một menu như thế này không?
mennu sổ dọc xuống như thế này, kể cả bạn không biết code bạn vẫn có thể làm, tôi đã tự mầy mò khi muốn làm mennu trổ xuống như thế này, khi nhờ mọi người mà không ai biết toàn lấy code sẵn. Nhưng tôi đã cố gắng tìm hiểu và tự làm nó không khó chút nào nhé!
Cách làm:
1. Đăng nhập vào blog, bấm "Thiết kế" - "Trang tổng quan", bấm vào "Mẫu", bấm tiếp "Chỉnh sửa HTML".
2. Tìm thẻ: ]]></b:skin> . (Xem cách tìm nhanh các thẻ TẠI ĐÂY).3. Chèn đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin> vừa tìm được.
#mbtnavbar { background: #FFF; width: 760px; color: #000000; margin: 0px; padding: 0; position: relative; border-top:0px solid #960100; height:35px; } #mbtnav { margin: 0; padding: 0; } #mbtnav ul { float: left; list-style: none; margin: 0; padding: 0; } #mbtnav li { list-style: none; margin: 0; padding: 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height:35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color: #060505; display: block; font:normal 12px Helvetica, sans-serif; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; } #mbtnav li a:hover, #mbtnav li a:active { background: #86bcee; color: #FFF; display: block; text-decoration: none; margin: 0; padding: 9px 12px 10px 12px; } #mbtnav li { float: left; padding: 0; } #mbtnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0; padding: 0; } #mbtnav li ul a { width: 140px; } #mbtnav li ul ul { margin: -25px 0 0 161px; } #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul { left: -999em; } #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul { left: auto; } #mbtnav li:hover, #mbtnav li.sfhover { position: static; } #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited { background: #86bcee; width: 120px; color: #FFF; display: block; font:normal 12px Helvetica, sans-serif; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; z-index:9999; border-bottom:0px dotted #333; } #mbtnav li li a:hover, #mbtnavli li a:active { background: #FFF; color: #060505; display: block; margin: 0; padding: 9px 12px 10px 12px; text-decoration: none; }
Có thể thay đổi thông số màu và kích thước khi bạ chỉnh mã màu pic xel ảnh
4. Bấm "Lưu mẫu" để lưu vào template.
5. Vào Bố Cục Thêm tiệ ích chọn Javascrip như hình
6. Thêm đoạn code này vào như hình vậy là bạn đã làm được một mennu trổ xuống
<div id='mbtnavbar'> <ul id='mbtnav'> <li> <a href=' link trang chủ'>TRANG CHỦ</a></li> <li> <a href='link chuyên mục'>TÊN MỤC 1</a> <ul> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> </ul> </li> <li> <a href='link chuyên mục'>TÊN MỤC 2</a> <ul> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> </ul> </li> <li> <a href='link chuyên mục'>TÊN MỤC 3</a> <ul> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN </a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> </ul> </li> <li> <a href='link chuyên mục'>TÊN MỤC 4</a> <ul> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> </ul> </li> <li> <a href='link chuyên mục'>TÊN MỤC 5</a> <ul> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> <li><a href='link nhãn'> TÊN NHÃN</a></li> <li><a href='link nhãn'>TÊN NHÃN</a></li> </ul> </li> <li> </li> </ul> </div>
Đăng ký:
Bài đăng (Atom)