Menu dọc cho hình ảnh

TẠO MENU DỌC CHO HÌNH ẢNH

summary_noimg = 250; summary_img = 220; img_thumb_height = 125; img_thumb_width = 125; //=1) { imgtag = ‘‘; summ = summary_img; } var summary = imgtag + ‘

‘ + removeHtmlTag(div.innerHTML,summ) + ‘

‘; div.innerHTML = summary; } //]]>

Với thủ thuật dưới đây, các bạn có thể dễ dàng tạo một menu cho một hình ảnh nào đó. Khi bạn rê chuột vào hình ảnh này thì sẽ có một menu xổ dọc xuống phía dưới hoặc phía trên tuỳ theo vị trí của ảnh. Các bạn có thể áp dụng thủ thuật này để làm liên kết với các blog khác…

Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha.

Xem thử

Thủ thuật này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào.
<link rel=”stylesheet” type=”text/css” href=”http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.css” />
<script type=”text/javascript” src=”http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.js”>
</script>

<script type=”text/javascript”>

var anylinkmenu1={divclass:’anylinkmenu’, inlinestyle:’width:260px; background:#FDD271′, linktarget:’_new’} //First menu variable. Make sure “anylinkmenu1” is unique
anylinkmenu1.items=[
[“Tiêu đề 1”, “Link liên kết”],
[“Tiêu đề 2”, “Link liên kết”],
[“Tiêu đề 3”, “Link liên kết”],
[“Tiêu đề 4”, “Link liên kết”],
[“Tiêu đề 5”, “Link liên kết”],
[“Tiêu đề 6”, “Link liên kết”],
[“Tiêu đề 7”, “Link liên kết”],
[“Tiêu đề cuối”, “Link liên kết”] //dòng cuối này không có dấu phẩy phía sau
]

//anylinkmenu.init(“menu_anchors_class”) //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init(“menuanchorclass”)

</script>

<a href=”http://www.dunghennessy.blogspot.com” class=”menuanchorclass” rel=”anylinkmenu1″><img border=”0″ src=”Link hình ảnh” /></a>

Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ (bao gồm kích thước, màu nền, tiêu đề và đường link liên kết của menu), cuối cùng bấm Lưu lại là xong.

Mở rộng thêm:
* Ở code trên có tất cả 8 mục, nếu muốn nhiều mục hơn, bạn copy lệnh này:

[“Tiêu đề”, “Link liên kết”],
Và dán trên dòng lệnh “Tiêu đề cuối”.
* Nếu bạn muốn thay hình bằng chữ thì thay dòng lệnh:
<img border=”0″ src=”Link hình ảnh” />
Bằng dòng chữ nào mình thích, ví dụ:
<a href=”http://www.dunghennessy.blogspot.com” class=”menuanchorclass” rel=”anylinkmenu1″>Chọn chủ đề để xem</a>

Nguồn: dunghennessy.blogspot.com

Chúc các bạn thành công!!! 

 


thiết bị phòng chụp | bán chân đèn flash | bán đèn chụp ngoại cảnh | bán đèn quay phim | bán đèn chụp sản phẩm | remote trigger godox | đèn flash canon speedlite | đèn led chụp hình sản phẩm | bóng đèn flash | túi đựng máy ảnh | phụ kiện máy ảnh | bàn chụp sản phẩm | thiết bị chống rung máy quay phim | máy ép PLASTIC | thang chụp hình | máy chụp hình sản phẩm | máy in ảnh hiti | chân máy ảnh chụp hình | pin sạc máy ảnh | máy đo sáng | tủ chống ẩm máy quay phim | bán đèn flash | đèn flash hylow | Đèn Flash studio | đèn flash Jinbei | đèn flash photon | bộ kít đèn flash Jinbei | bộ kít đèn flash | Chân máy ảnh | setup phòng chụp sản phẩm | softbox | tấm hắt sáng | bán chân đèn studio | dàn treo đèn | chóa đèn tổ ong | phông nền 3d | dù chụp hình | giá treo phông chụp hình | thanh trượt dolly | tay cầm máy quay phim | phông chụp hình 3d | phòng chụp đám cưới |

Leave a Comment