▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

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

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>


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


▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

31 nhận xét:

Vỹ Pretty nói...

ban oi
cho minh hỏi
làm cách nào để chỉ hiển thị những bài cùng 1 nhãn ra blog vậy bạn...

dunghennessy nói...

Đầu tiên bạn bấm vào xem nhãn nào mà mình muốn hiển thị, sau đó copy địa chỉ nhãn trên thanh Adress của trình duyệt Web và thay vào LINK LIÊN KẾT ở code phía trên, cuối cùng bấm Lưu mẫu là xong.

Vỹ Pretty nói...

bạn ơi
bạn có thể nói chi tiết được k?
( có hình ảnh càng tốt)
mình không biết làm thế nào...
:(
xin nhờ bạn!

dunghennessy nói...

Bạn cho địa chỉ mail của bạn đi, mình gởi hình hướng dẫn qua cho

Vỹ Pretty nói...

cảm ơn bạn...
mình làm được rồi.
hix...

dunghennessy nói...

Chúc mừng bạn nha!!!

Vỹ Pretty nói...

Cho mình hỏi cái này được k?
mình thử dùng theme giống bạn nhưng không ẩn được thanh điều hướng.
Bạn có thể giúp mình được không?
mail của mình là: chuyennbk@gmail.com
Xin chân thành cảm ơn...

Vỹ Pretty nói...

Phải công nhận mình phục bạn đó.
bạn như người tiên phong trong lĩnh vực này vậy.
Mong bạn có nhiều bài hay hơn nữa...

dunghennessy nói...

Ủa mình nhớ không lầm là theme này đâu có thanh điều hướng đâu???

Vỹ Pretty nói...

vậy mà mình download theme My gallery của bạn up lên lại có, mình k b p làm thế nào để xóa nữa

Vỹ Pretty nói...

bạn có cách nào để ẩn nó k?
giúp mình với...

dunghennessy nói...

Bạn xem bài này để ẩn nó nha
http://dunghennessy.blogspot.com/2011/05/hien-thanh-ieu-huong.html

Vỹ Pretty nói...

bạn ơi mình làm theo lời bạn nhưng vẫn không thể ẩn thanh điều hướng được,

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}
đoạn code trên hình như bị lỗi k dùng được.
bạn còn đoạn code nào khác k?

dunghennessy nói...

Xin lỗi bạn, mình chỉ có đoạn code đó thôi, bạn thử search trên Google để tìm thử xem

Vỹ Pretty nói...

vậy cảm ơn bạn.

Vỹ Pretty nói...

mình vừa tìm được đoạn code đó r, mừng wa
http://aki-it.blogspot.com/2007/10/cch-n-thanh-iu-hng-navbar.html

mình dùng code tu trang đó...

mình còn 1 vấn đề muốn hỏi bạn.
mình muốn thêm thanh tiện ích trước menu ngang để thêm banner liên kết từ trang làm banner, mình dùng theme giống bạn, mình phải làm thế nào, bạn giúp mình với.

dunghennessy nói...

Bạn xem bài này nha:
http://dunghennessy.blogspot.com/2011/07/tao-khung-them-tien-ich-cho-header.html

Vỹ Pretty nói...

trong theme my gallery k có header bạn ah.
bạn còn cách nào khác không? mình cũng làm thử theo bài viết của bạn nhưng vẫn k đc.
mong được sự giúp đỡ của bạn!!!

dunghennessy nói...

Nếu không lầm thì them My galler là theme mình đang sử dụng mà, sao lại không có???
Bạn có thấy cái banner của mình không, nó nằm trên menu ngang đó

Vỹ Pretty nói...

đúng vậy, bạn đang dùng my gallery, mình down theme này từ blog của bạn, nhưng k tài nào chèn được đoạn code kết nối đến banner xây dựng từ trang khác... hoặc k thêm khung tiện ích HTML trước menu ngang được, mình có thể gởi blog of mình để bạn chỉnh sửa giúp được k?

dunghennessy nói...

Bạn gởi tên đăng nhập và password qua dungheineken@gmail.com, tôi sẽ làm cho bạn

Vỹ Pretty nói...

uh bjo minh goi wa luon nhe
ban sua giup minh nha.
cam on ban nhieu lam. hix

dunghennessy nói...

Ok

Vỹ Pretty nói...

nếu hoàn thành bạn thông báo qua mail: chuyennbk@gmail.com cho minh nha!
cảm ơn bạn thật nhiều...

dunghennessy nói...

Chỉnh sửa mã nguồn HTML rất nguy hiểm, chỉ cần sơ sẩy là hư luôn blog, bạn suy nghĩ kỹ chưa??? Nếu Ok thì mình sẽ làm cho bạn chỉ cần 5 phút là có kết quả liền....

Vỹ Pretty nói...

bạn có thể làm 1 theme gallery khác giúp mình có phần tiện ích html trên menu ngang dc k? còn lại mình sẻ copy code qua, xin nhờ bạn...

dunghennessy nói...

Ok, để hôm nào mình rảnh mình sẽ thiết kế và gởi cho bạn qua mail

Vỹ Pretty nói...

uh, cảm ơn bạn, chúc bạn v gia đình luôn vui vẻ v hạnh phúc...

Unknown nói...

anh ơi em làm mà không được anh có thể chỉ cho em bằng hình ảnh không ạ. mail của em la : dungnt26692@gmail.com em xin cảm ơn anh!

dunghennessy nói...

Em bị lỗi gì???? Menu không xổ xuống được hả???

Tiểu học Vĩnh Phước nói...

hi

Đăng nhận xét

 
Powered by by: Blogger