Lam menu ngang bang hinh anh
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (60.38 KB, 3 trang )
<span class='text_page_counter'>(1)</span><script language="JavaScript"> function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height =450,left = 280,top = 180');"); } </script> <style type="text/css"> .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 64px; height:64px; } .bubblewrap li img{ width: 64px; /* độ rộng của hình ảnh.*/ height: 64px; /* chiều cao của hình ảnh.*/ border:0; margin-right: 14px; /*Khoảng cách giữa 2 ảnh*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); } </style> <center> <ul class="bubblewrap"> <li><a href="javascript:popUp('o/engines/google/red/dunghennessy.aspx')"> <img src=" title="Tìm kiếm trên Google" /></a></li>.
<span class='text_page_counter'>(2)</span> <li><a href="javascript:popUp(' service=blogger&passive=1209600&continue= = src=" title="Đăng nhập Blogspot" /></a></li> <li><a href="javascript:popUp(' service=mail&passive=true&rm=false&continue= tmpl=default<mplcache=2')"><img src=" title="Đăng nhập Gmail" /></a></li> <li><a href="javascript:popUp(' src=" title="Đăng nhập Twitter" /></a></li> <li><a href="javascript:popUp('')"><img src=" title="Đăng nhập Facebook" /></a></li> <li><a href="javascript:popUp(' c%3d6t7evjap2e6cwwsb86qvdqk-&.done=http%3a%2f%2fvn.yahoo.com%2f')"><img src=" title="Đăng nhập Yahoo" /></a></li> <li><a href="javascript:popUp(' src=" title="Đăng nhập Youtube" /></a></li> </ul></center> Bây giờ, bạn cần thay đổi các dòng lệnh màu xanh (bao gồm độ rộng, chiều cao và nơi xuất hiện của bảng Popup), màu đỏ (bao gồm kích thước của ảnh, khoảng cách giữa 2 ảnh, địa chỉ link liên kết, link ảnh và chú thích của ảnh ở mục title), cuối cùng bấm Lưu lại là xong. Mở rộng thêm: * Muốn thêm 1 ảnh nữa thì copy dòng code này. <li><a href="javascript:popUp('địa chỉ liên kết')"><img src="link ảnh" title="chú thích cho ảnh" /></a></li> Dán phía trên thẻ đóng </ul> cuối cùng..
<span class='text_page_counter'>(3)</span> Như đã giới thiệu ở đầu bài, code của menu ngang này tôi dùng để đăng nhập vào các trang mạng. Ngoài ra, bạn có thể dùng tiện ích này để tạo cho mình một menu ngang dùng để giải trí như: xem phim, nghe nhạc, xem truyện cười, clip hài... hoặc dùng để liên kết đến các trang nhãn trong blog của mình bằng cách thay đổi các địa chỉ liên kết và các ảnh khác tương ứng. Để kiếm hình ảnh cho tiện ích, bạn bấm vào thẻ phía dưới nha:.
<span class='text_page_counter'>(4)</span>
