Tuy bị mất ngủ, ông vẫn tỉnh táo, không thấy mệt mỏi căng thẳng gì mà cứ “khỏe phây phây”! Năm 2006, ở tuổi 64 nhưng ngày nào ông cũng gánh 2 bao phân nặng hơn 50 kg trên đoạn đường 4 km để về nhà. Bây giờ, sức khỏe có giảm sút do tuổi tác, nhưng ông vẫn còn rất tinh anh. Trắng đêm với những vị khách lạ Cũng từ chuyện mất ngủ đã đem đến cho ông nhiều người quen mới. Nhà ông Thái Ngọc tiếp một đoàn khách lạ gồm 5 người đàn ông ngoại quốc đến "chỉ xin được ở lại nhà với mục đích mục sở thị... kỳ nhân!". Theo giới thiệu, họ là người của một hãng truyền hình Thái Lan. Thông qua một người phiên dịch tên Bình, họ cho biết sau khi xem báo, thấy ông khá đặc biệt nên muốn xin ở lại một tuần để làm phim thực tế về căn bệnh mất ngủ của ông. Năm 2010, ông Thái Ngọc được công nhận là người VN duy nhất trong số 10 dị nhân có khả năng đặc biệt trên thế giới được các tạp chí nước ngoài bình chọn. Trước khi bắt đầu làm việc, họ kiểm tra xem trí nhớ của ông có bình thường không bằng cách: lần lượt chọn từng đồ vật nhỏ trong nhà và đánh số thứ tự từ 1 đến 9; sau đó cất hết và yêu cầu ông tìm lại những món đồ này cùng với việc đọc tên số thứ tự của nó. Thấy ông làm đúng phóc thì họ bắt đầu lấy dụng cụ tác nghiệp. “Chu choa, họ bắc camera quanh và trong nhà, phải đến hơn 10 cái lận”, bà Nguyễn Thị Bảy, vợ ông Hai kể. Những người khách không ở cùng trong nhà ông mà dựng lều ở khoảng vườn bên cạnh ao cá, cách nhà chừng 30m. Hằng ngày, họ ăn uống, sinh hoạt chung với gia đình. Hình ảnh từ các camera được dẫn đến một màn hình lớn trong lều và ở đó luôn có người giám sát nhất cử nhất động của ông Hai Ngọc 24/24 giờ. Đối với ông Hai, sự xuất hiện của những vị khách chẳng những không ảnh hưởng gì đến cuộc sống mà ông còn thấy vui hơn bởi có người thức cùng! Đêm, ông nấu nước sôi để đổ quanh lều của những người này vì sợ kiến cắn họ. Có đêm ông nấu rượu, họ cũng vô nhà xem. Mẻ rượu đầu tiên vừa ra lò, ông mời mấy người uống. Sau nhiều đêm giám sát ông thức trắng, những người khách yêu cầu ông vào giường nằm để họ đặt máy... ru ngủ. Theo lời ông Hai Ngọc thì cái máy này bằng khoảng bàn tay, phát ra tiếng rùng rùng đều đều mà nếu một người bình thường chỉ cần nằm và nghe khoảng một lúc là đã say giấc. Nhưng với ông vẫn không “xi-nhê” gì. Đêm là vậy, còn ngày ông vẫn vác cuốc ra đồng làm cỏ, chăm lúa, nuôi cá, cho gà ăn dưới sự giám sát của những người ngoại quốc. Ròng rã một tuần liền ăn ngủ dã chiến, đoàn Thái Lan cũng phải "chào thua". Trước khi về nước, những người này đề nghị ông đi qua Thái Lan để chữa bệnh, mọi chi phí họ sẽ lo chu tất, nhưng ông từ chối. “Tui quen với cuộc sống này rồi, với lại nhờ không ngủ mà tui làm nhiều việc cho gia đình. Bây giờ mà đi những 18 tháng thì ai ở nhà với bả”, ông Hai Ngọc vừa phân trần vừa hướng mắt nhìn bà Bảy đang lụi cụi nấu cám heo dưới bếp. Ông Hai Ngọc từ chối số tiền đủ giúp vợ chồng ông thoát khỏi cảnh mưa dột từ căn nhà phên nứa hiện tại Từ chối ước mơ một ngôi nhà Sau đoàn Thái Lan vài tháng là đến một đoàn làm phim của Anh. Như các đồng nghiệp trước, họ cũng thức cùng ông và sau nhiều ngày, họ đưa ông xuống khám bệnh, đo điện não đồ tại Bệnh viện Tâm thần Đà Nẵng. Kết quả khám mà ông cho chúng tôi xem, cho biết ông bị giảm lưu lượng tuần hoàn qua não do cường độ tống máu lên não bên trái giảm ở cả 2 hệ động mạch cảnh và đốt sống, sự biến đổi điện trở xảy ra chậm ở hệ động mạch đốt sống; bất đối xứng giữa hai bán cầu - đặc biệt ở hệ động mạch đốt sống. “Tui cũng không hiểu kết luận như vậy có phải là nguyên nhân căn bệnh của mình không nữa”, ông Hai băn khoăn. Khi đoàn Anh trở về, nhà ông tiếp tục đón một đoàn làm phim của Úc. Khác với những đoàn trước, họ đề nghị sẽ trả ông 30 triệu đồng với điều kiện kể từ lúc đó ông không được phép tiếp người lạ hay phóng viên, đoàn làm phim nào khác. 30 triệu đồng cách đây hơn 3 năm quả là một số tiền lớn với người nông dân nghèo miền sơn cước, mà giá trị trước mắt là ông có thể xây được căn nhà gạch đàng hoàng thay cho căn nhà đang ở lợp bằng phên, nứa, tôn rách... Nhưng, sau thoáng tần ngần, lão nông chân chất này đã quyết định từ chối vì lý do: “Tính tui muốn tự do, thích nói chuyện với mọi người. Vả lại, trước giờ có nhiều nhà báo, nhiều người từ xa lặn lội đến nhà tui chơi hỏi chuyện, chừ mà đồng ý theo lời đoàn Úc thì những người đến sau này gặp tui, họ phải ra về không. Như vậy thì tui áy náy và thấy tội họ quá!”. Nhắc đến đây, bà Bảy có phần ngậm ngùi tiếc nuối liền bị ông Hai Ngọc gạt phăng. Tính đến thời điểm hiện tại, ông Hai Ngọc đã tiếp hàng chục đoàn làm phim và phóng viên trong và ngoài nước như Thái Lan, Anh, Úc, Mỹ, Hàn Quốc... Dù vậy, ông chỉ biết thông tin báo chí nói về ông qua... hàng xóm, hoặc mấy đứa cháu xem rồi đọc và kể lại, chứ ông chưa tận mắt xem những thông tin viết về mình. Rồi ông mừng rỡ khoe rằng khoảng hơn 2 tháng trở lại đây, không biết do tuổi già hay nhờ uống thuốc bổ do lần đi khám gan ở Đà Nẵng về mà thỉnh thoảng sau khi uống vài ly rượu, ông “liu riu” mắt được gần nửa tiếng. Với lão nông ngót nghét 70 mùa xuân và gần 40 năm đêm trắng này, như thế đã là quá đủ! Theo Vũ Phương Thảo (Thanh niên) | |
Thứ Tư, 25 tháng 5, 2011
Người đàn ông 38 năm không ngủ
Những con vật kỳ lạ nhất Việt Nam
1. Gà 4 chân ở Quảng Ngãi
Đây là chú gà trống đặc biệt tại trại chăn nuôi của ông Huỳnh Văn Thu, xóm 2, thôn Thọ Đông, xã Tịnh Thọ, huyện Sơn Tịnh. Chú gà này được ông Thu nuôi từ tháng 8/2009 nhưng đến khi tiêm phòng vác-xin cho lứa gà này ông mới phát hiện ra là con gà trống này có hai chân trước mọc ở vị trí bình thường, còn hai chân sau mọc ở gần phía hậu môn. Lúc đầu cả 4 chân đều phát triển như nhau, đến hơn 1 tháng tuổi thì 2 chân sau phát triển kém dần so với 2 chân trước.
Đây là chú gà trống đặc biệt tại trại chăn nuôi của ông Huỳnh Văn Thu, xóm 2, thôn Thọ Đông, xã Tịnh Thọ, huyện Sơn Tịnh. Chú gà này được ông Thu nuôi từ tháng 8/2009 nhưng đến khi tiêm phòng vác-xin cho lứa gà này ông mới phát hiện ra là con gà trống này có hai chân trước mọc ở vị trí bình thường, còn hai chân sau mọc ở gần phía hậu môn. Lúc đầu cả 4 chân đều phát triển như nhau, đến hơn 1 tháng tuổi thì 2 chân sau phát triển kém dần so với 2 chân trước.
Tuy khác với những chú gà khác, chú gà này vẫn phát triển bình thường. Giờ nó đã thành một chú gà trống to khỏe, nặng hơn 2,5kg. Thậm chí, nó còn đang “làm chủ” cả bầy gà mái trong trang trại của ông Thu. Ông Thu đã rất nhiều lần nhận được lời đề nghị bán chú gà này với giá rất cao nhưng ông Thu đều từ chối.
2. Lợn đẻ ra Voi
Sáng 11/5/2010 vừa rồi, tại khu trại chăn nuôi lợn của Tiểu Đoàn 2, Lữ Đoàn 16 (xã Quỳnh Châu, huyện Quỳnh Lưu, Nghệ An), một con lợn mẹ sinh được 14 lợn con. Mọi thứ tưởng chừng như bình thường nhưng người ta đã thấy trong 14 chú lợn đó có 1 con rất giống...voi.
Người phụ trách chuồng trại của đơn vị cho hay con “voi” con này nặng khoảng 1kg, có mõm giống vòi voi dài gần 10cm, miệng, mắt nhỏ nhưng tai lại to bất ngờ. Khi sinh ra, nó rất yếu, không thể tự bú và đi lại bình thường. Đáng tiếc thay, chú “voi” con chỉ sống sót được 3 tiếng.
3. Gà con có 4 chân và 2 hậu môn ở Quảng Nam
Chú gà này hiện đang được chăm sóc tại nhà ông Trần Đình Liễu ở phố Bàn Thạch, TP Tam Kỳ, Quảng Nam. Hàng trăm người dân hiếu kì khi nghe tin đã kéo đến nhà ông để chiêm ngưỡng chú gà kì lạ này. Ông Liễu cho hay, cách đây một tháng ông và con trai vào Quảng Ngãi thăm người thân và thấy trong một đàn gà mới nở 20 con có một con có tới 4 chân và 2 hậu môn nên con trai ông đã xin về nuôi.
Lúc mới đem về, gà con rất yếu, đứng không vững nên hai cha con ông đã phải dùng đèn điện sưởi ấm lúc về đêm, dành cho chú gà sự chăm sóc rất đặc biệt. Qua một tháng, chú gà lớn rất nhanh. Theo như quan sát, chú gà này có 1 cặp chân quặp về phía trước, 1 cặp chân quặp về phía sau. Hai hậu môn đều có chức năng như nhau.
Lúc mới đem về, gà con rất yếu, đứng không vững nên hai cha con ông đã phải dùng đèn điện sưởi ấm lúc về đêm, dành cho chú gà sự chăm sóc rất đặc biệt. Qua một tháng, chú gà lớn rất nhanh. Theo như quan sát, chú gà này có 1 cặp chân quặp về phía trước, 1 cặp chân quặp về phía sau. Hai hậu môn đều có chức năng như nhau.
4. Nghé 8 chân, 4 tai và 2 cái đuôi tại Quảng Ngãi
Đây là chú nghé vô cùng kì dị với 8 chân, 4 tai và 2 đuôi ở nhà bà Trúc, người dân xóm nước Liếc, thôn Mai Lãnh Hạ, xã Long Mai, huyện Minh Long, Quảng Ngãi. Ngay từ lúc chào đời, chú nghé đã làm mọi người phải sững sờ vì hình dáng kì dị của mình.
Được biết, gia đình nhà bà Trúc nuôi một con trâu gần đến ngày sinh nở. Lúc chuẩn bị chuyển dạ, con trâu này có hiện tượng hơi bất thường và có vẻ khó đẻ hơn những con trâu mà bà từng biết khác. Chính vì thế mà việc sinh nở của nó rất khó khăn, gia đình bà Trúc phải nhờ tới 5 người cùng hỗ trợ mới lấy được chú nghé con ra khỏi bụng mẹ.
5. Chú cún 5 chân tại Hà Nội
5. Chú cún 5 chân tại Hà Nội
Đây là chú cún đang được nuôi ở nhà hàng Quê tại số 77, ngõ 252 Tây Sơn, Hà Nội. Nhà hàng này nuôi khá nhiều chó mèo và người ta cũng không đặt tên rõ ràng, chú cún này thỉnh thoảng được gọi là Tun. Ngay từ khi còn bé, chú cún đã bị dị tật ở chân, lúc mới đẻ bị gãy chân trái phía trước, chỗ gãy một ngón chân đó phát triển ra thành một cái chân mới khiến tổng số chân của nó là 5 chứ không phải 4 như các chú cún khác.
6. Ngọn đồi toàn động vật kì dị ở Đà Lạt
Ở đồi Mộng Mơ (Đà Lạt), ngoài cảnh thiên nhiên rất thơ mộng còn có bộ sưu tập những động vật kỳ dị nhất Việt Nam, như trâu 5 sừng, lợn 5 chân… Những động vật này được đem về từ rất nhiều nơi.
Ở đồi Mộng Mơ (Đà Lạt), ngoài cảnh thiên nhiên rất thơ mộng còn có bộ sưu tập những động vật kỳ dị nhất Việt Nam, như trâu 5 sừng, lợn 5 chân… Những động vật này được đem về từ rất nhiều nơi.
Vịt 4 cánh
Chó 5 chân
Con bò này xuất hiện thêm một chân nữa ở mông.
Con bò này mọc thêm một chân ở lưng.
Lợn 5 chân
Trâu 5 sừng
Trâu 5 chân
7. Loài mãnh thú bí ẩn xuất hiện tại Quảng Ngãi
Gần đây, dư luận đang xôn xao về câu chuyện “Mãnh thú bí ẩn xé xác 20 con chó nhà” ở Quảng Ngãi. Con thú lạ không rõ nguồn gốc này đã mò tới khu vực xã Bình Đông và đang khiến người dân nơi đây khiếp sợ, cuộc sống bị đảo lộn. Vào buổi đêm, con thú này tấn công con chó của các hộ dân trong địa bàn xã. Những con chó đều bị giết hại theo một cách rất dã man: đầu bị cắn nát, lìa khỏi thân, toàn bộ nội tang đều bị ăn hết...
Dấu chân của con mãnh thú
Ngoài chó ra, con thú này chưa tấn công bất cứ loài động vật nào khác. Tuy nhiên,tình trạng này cũng đủ làm người dân nơi đây sống trong hoang mang và hoảng sợ. Ban đêm, con thú hoang còn phát ra những tiếng gầm làm bà con nơi đây vô cùng kinh hãi. Mỗi lần gầm phải kéo dài tới 15 phút. Lực lượng cảnh sát và chó nghiệp vụ đã được huy động để lùng bắt loài mãnh thú lạ.Cho tới bây giờ vẫn chưa tìm được chính xác câu trả lời về loài mãnh thú này.
Tạo bài viết liên quan
Thiết kế -> Chỉnh sửa HTML, đánh vào ô Mở rộng mẫu tiện ích
CtrL + F tìm đến thẻ </head> trong Templates của các bạn và thêm đoạn code sau trước thẻ này:
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgktuFIXEi47yS4YYOgbKz0E3qZcD3L95-KqHc5ZVC1-rvNxBGkfSM1U2NifIHWBuYbl5I3LvcHp-pQwtWwOO6TiCZoaAlH0ZkEFBTaS6dqcctgPNk7kWVipYR5WpKw88sN0fPYn9TA8Ak/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>Tiếp đến, tìm <data:post.body/> (hoặc <div class="'post-body">) và thêm vào ở dưới đoạn code các các bạn vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Tạo Read More tự động không dùng Javascript
Vào Template - Edit HTML, Expand widget, tìm đến thẻ <data:post.body/> và thay nó bằng đoạn code sau:
Ngoài ra bạn còn phải cho đoạn code dưới đây vào phần HEAD (<head> ... </head>) củatemplate:
»» read more
<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'>»»  read more</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
Ngoài ra bạn còn phải cho đoạn code dưới đây vào phần HEAD (<head> ... </head>) củatemplate:
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>
Chủ Nhật, 22 tháng 5, 2011
giống như trang vnexpress.net
[FD's BlOg] - Lâu rồi ko giới thiệu cho các bạn các style menu nào mới, hôm nay mình sẽ lại cho ra mắt 1 style menu khác. Menu này sẽ mang phong cách giống như trang vnexpress.net
Xem demo ở đây : LIVE DEMOCập nhật việc hiển thị Submenu ngay dưới menu chính(15/7/2009)
Hình ảnh minh họa:

☼ Sau đây là các bước thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
<style type="text/css">
.parent-menu, .sub-menu {width:800px;}
#topmenu {height:46px; margin-bottom:10px;z-index:-10px;}
.fl {float:left;}
#topmenu {float:left;}
.fr {float:right;}
.parent-menu {height:25px; font:11px tahoma; color:#ffffff; text-align:center; background:#f5f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg-fd.gif') repeat-x 0px -46px;}
.pmenu-sep {width:25px;}
.pmenu-normal{height:15px; padding:7px; cursor:pointer;}
.pmenu-normal, .pmenu-active, .pmenu-normalleft, .pmenu-normalright, .pmenu-activeleft, .pmenu-activeright {cursor:pointer;}
.pmenu-normalleft, .pmenu-normalright, .pmenu-activeleft, .pmenu-activeright {width:3px; height:25px;font-size:1px;}
.pmenu-active {height:15px; padding:7px; color:#004f8b; background:#f5f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg-fd.gif') repeat-x 0px -73px;}
.pmenu-activeleft {height:25px; background:#f4f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg_corner.gif') no-repeat 0px 0px;}
.pmenu-activeright {height:25px; background:#f4f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg_corner.gif') no-repeat 0px -27px;}
.sub-menu {height:21px; background:#f5f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg-fd.gif') repeat-x 0px -100px;}
.smenu-content {width:678px; height:17px;padding:2px 7px;}
.smenu-content2 {width:892px; height:17px;padding:2px 7px;}
.smenu-content3 {width:534px; height:17px;padding:2px 7px;}
.smenu-content ul {width:50%;height:17px;margin:0px;padding:0px;list-style-type:none;}
.smenu-content li{float:right;padding:0px 5px;}
.smenu-content li img{border:0px; vertical-align:middle}
.sub-menu {position:relative; font: 12px arial; }
.parent-menu, .sub-menu, .sub-menucontent {overflow:hidden;}
.link-submenu {font:11px arial; color:#004f8b; text-decoration:none;}
.link-submenu:hover {text-decoration:underline;}
.sep-fmenu{width:2px; height:26px; background:#f4f5f6 url('http://i342.photobucket.com/albums/o433/bkprobk/bg_corner.gif') no-repeat -5px -138px;}
</style>
<script type="text/javascript">
var menu_fid = new Array(
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21
);
var menu_pid = new Array(
0, // home
0, // Menu1
0, // Menu2
0, // Menu3
0, // Menu4
0, // Menu5
2, // sub 1.1
2, // sub 1.2
2, // sub 1.3
3, // sub 2.1
3, // sub 2.2
3, // sub 2.3
4, // sub 3.1
4, // sub 3.2
4, // sub 3.3
5, // sub 4.1
5, // sub 4.2
5, // sub 4.3
6, // sub 5.1
6, // sub 5.2
6 // sub 5.3
);
var menu_name = new Array(
'Home',
'Menu 1',
'Menu 2',
'Menu 3',
'Menu 4',
'Menu 5',
'Submenu 1.1',
'Submenu 1.2',
'Submenu 1.3',
'Submenu 2.1',
'Submenu 2.2',
'Submenu 2.3',
'Submenu 3.1',
'Submenu 3.2',
'Submenu 3.3',
'Submenu 4.1',
'Submenu 4.2',
'Submenu 4.3',
'Submenu 5.1',
'Submenu 5.2',
'Submenu 5.3'
);
var menu_path = new Array(
'http://fandung.blogspot.com/',
'/Menu1/',
'/Menu2/',
'/Menu3/',
'/Menu4/',
'/Menu5/',
'/menu1/submenu1.1/',
'/menu1/submenu1.2/',
'/menu1/submenu1.3/',
'/menu2/submenu2.1/',
'/menu2/submenu2.2/',
'/menu2/submenu2.3/',
'/menu3/submenu3.1/',
'/menu3/submenu3.2/',
'/menu3/submenu3.3/',
'/menu4/submenu4.1/',
'/menu4/submenu4.2/',
'/menu4/submenu4.3/',
'/menu5/submenu5.1/',
'/menu5/submenu5.2/',
'/menu5/submenu5.3/'
);
var menu_show = new Array(
0, // home
0, // Menu1
0, // Menu2
0, // Menu3
0, // Menu4
0, // Menu5
0, // sub 1.1
0, // sub 1.2
0, // sub 1.3
0, // sub 2.1
0, // sub 2.2
0, // sub 2.3
0, // sub 3.1
0, // sub 3.2
0, // sub 3.3
0, // sub 4.1
0, // sub 4.2
0, // sub 4.3
0, // sub 5.1
0, // sub 5.2
0 // sub 5.3
);
</script>
<script type="text/javascript" language="javascript" src="http://data.fandung.com/blog/demo/vne-menu/Menu1.js"></script>
- Ở phần code CSS, để thay đổi hình nền, các bạn có thể down các file ảnh về (link màu cam, rồi dùng photoshop tùy chỉnh lại theo ý mình).
- Phần chính của thủ thuật này là việc chỉnh sửa các mảng (menu_fid, menu_pid, menu_name, menu_path, new Array) trong đoạn code javascript ở trên.
a. mảng menu_fid :
- các dãy số tương ứng trong mảng này chính là id của các menu (menu chính + menu phụ), ví dụ ta có tổng cộng 10 menu (cả chính và phụ) thì con số của mảng này là từ 1 tới 10.
- Như ở trong đoạn code JS trên, ta có 6 menu chính và 15 menu phụ thì dãy số của chúng ta sẽ lên tới 21. nếu các bạn điền dãy số này lớn hơn 21 thì vẫn không sao, nhưng nếu nhỏ hơn 21 thì các menu sau cùng sẽ ko hiển thị được (cụ thể ở đây các submenu 5 sẽ hiển thị không đủ)
b. mảng menu_pid :
- Mảng này giúp tạo bố cục của menu.
- Các menu chính được quy định bằng các con số 0
- Còn các menu phụ sẽ được quy định bằng các con số tiếp theo, và giống nhau (ở đây ko sử dụng dãy số 1 là do số 1 được đặt cho menu HOME), và như thế submenu 1 sẽ bắt đầu bằng các dãy số 2 giống nhau, tiếp theo submenu 2 là các dãy số 3 , ...
- Muốn thêm hoặc bớt các menu chính hoặc phụ, ta chỉ cần thêm hoặc bớt các con số tương tự trong dãy số là được (lưu ý việc thêm hoặc bớt phải thực hiện đồng nhất ở 5 mảng)
c. mảng menu_name :
- Mảng này sẽ quy định tên cho các menu chính và phụ.
d. mảng menu_path :
- mảng này sẽ thiết lập địa chỉ liên kết cho các menu chính và phụ.
- thay thế các đoạn /menu1/submenu1.1/ , /menu1/submenu1.2/ , ... thành các link tương ứng với menu đó.
- lưu ý là vị trí các phần tử trong mảng này và mảng menu_name phải khớp nhau, khi đó đường dẫn tới các menu mới chính xác.
e. mảng menu_show :
- các phần tử ở mảng này được biểu diễn bằng những con số 0. Lưu ý là tổng số các con số 0 phải bằng tổng các menu chính và phụ.
Một vài lưu ý sau cùng : khi tùy chỉnh lại các phần tử trong mảng, phải đảm bảosố lượng các phần tử trong 5 mảng bằng nhau, và phải khớp với nhau theo đúng thứ tự của nó, và điều quan trọng nữa là chỉ có phần tử cuối cùng trong mảng mới ko có dấu phẩy (,) theo sau, nếu sai xót thì code sẽ bị lỗi.
4. Sau khi tùy chỉnh xong. Save template
5. Tạo 1 widget HTML/javascript và dán đoạn code bên dưới vào:
<div id="topmenu">
<div class="parent-menu" id="parent-menu"></div>
<div class="sub-menu">
<div class="fl"><img src="http://i342.photobucket.com/albums/o433/bkprobk/fd-icon.gif" alt="" height="21" /> </div>
<div class="smenu-content fl" id="submenu" onmouseover="clear_delayhide();activeMenuParent();" onmouseout="resetit();"> </div>
</div>
</div>
<script type="text/javascript" language="javascript">
menuobj=document.getElementById? document.getElementById("submenu") : document.all? document.all.submenu : document.layers? document.dep1.document.dep2 : ""
Active(); writeParentMenu(); reWriteMenu();
</script>
- ở đoạn code trên, có thể thay đổi logo hiển thị ở submenu (code màu xanh) thành logo của bạn . Nếu không muốn hiển thị nó thì có thể xóa nó đi.
☼ Cập nhật việc hiển thị SubMenu ngay bên dưới Menu chính :
- Đây là cách mà bên VnExpress cũng thực hiện, đó là dùng phương pháp thủ công cho các submenu con, tức là đẩy nó dịch 1 đoạn nhỏ sang phải để cácsubmenu có thể hiển thị ngay bên dưới Menu chính.
Đây là hình ảnh mình đã fix:

- Để thực hiện việc này các bạn chỉ cần thay thế đoạn code :
<script type="text/javascript" language="javascript" src="http://data.fandung.com/blog/demo/vne-menu/Menu1.js"></script>
thành đoạn code bên dưới :
<script type="text/javascript" language="javascript" src="http://data.fandung.com/blog/demo/vne-menu/Menu1-fix.js"></script>
Trong file JS mình cập nhật, nó chỉ hiển thị tốt với các menu trong bản demo mà thôi, khi bạn áp dụng cho blog bạn, mỗi menu chính sẽ có các menu phụ nhiều ít khác nhau, vì thế nếu bạn dùng nguyên file JS mình đưa sẽ hiển thị không được tốt lắm. Vì vậy để việc hiển thị tốt nhất, bạn hãy tự mình điều chỉnh lại việc hiển thị của mỗi submenu.
☼ Sau đây mình sẽ hướng dẫn các bạn thực hiện việc điều chỉnh này:
- Các bạn download file JS mà mình vừa cập nhật về.
- Mở nó lênh bằng NotePad, và tìm đến đoạn code sau :
switch (parseInt(which)){
case 3: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(18).concat(thecontent); break;
case 4: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(33).concat(thecontent); break;
case 5: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(55).concat(thecontent); break;
case 6: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(70).concat(thecontent); break;
case 7: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(88).concat(thecontent); break;
case 8: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(108).concat(thecontent); break;
case 9: menuobj.className = 'smenu-content fl'; thecontent = writeBlank(110).concat(thecontent); break;
default:
menuobj.className = 'smenu-content fl';
break;
}
- Trong đoạn code trên các bạn sẽ thấy chỉ có lệnh case từ 3 đến 9 mà thôi, tức là việc hiệu chỉnh lại vị trí của các submenu mình chỉ áp dụng cho các menu chính thứ 3 trở đi. Và mình chỉ làm mẫu tới menu chính thứ 9 mà thôi, còn đối với các submenu của menu 1 và 2, do nó nằm sát phía bên trái quá, nên ta không nhất thiết phải dịch submenu của nó qua phải. Tùy biến hơn, nếu submenu3 quá nhiều thì việc dịch chuyển nó qua phải cũng không cần thiết. Vì thế tùy theo việc hiển thị thanh menu của mỗi blog mà sẽ có những hiệu chỉnh khác nhau, và sẽ không có 1 khuôn mẫu nhất định nào cho việc tùy chỉnh này.
- Các code màu đỏ chính là khoảng căn lề trái của các submenu, các bạn thấy nó tăng dần lên tương ứng với từng menu chính. Xem hình dưới đây sẽ rõ :
- Xem mình minh họa các bạn có thể rõ. Hãy thay đổi các con số đó sao cho hợp lý nhất.Một kinh nghiệm nhỏ : nên test nó trước với 1 file HTML tự tạo bằng NotePad(giống như các trang demo của mình) rồi chỉnh sửa file JS, sau khi chỉnh sửa hoàn tất thì hãy áp dụng cho blog của mình.
Chúc các bạn thành công.
Thứ Bảy, 21 tháng 5, 2011
Thủ thuật yêu cầu : Tạo menu dock cho Blog
[FD's BlOg] - Bài viết này mình sẽ hướng dẫn các bạn tạo 1 menu dock cho blogspot. Thủ thuật này có lẽ khá quen với nhiều người, tuy nhiên trong kho thủ thuật của blog mình chưa có đăng tải thủ thuật này, và nay có người yêu cầu, mình cũng xin bổ xung vào danh sách các thủ thuật của BlOg FD.
Xem demo ở đây : LIVE DEMO
Hình ảnh minh họa:
☼ Các bước thực hiện :
1. vào bố cục
2. vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào sau thẻ <head> hoặc sau thẻ </head>
<script type="text/javascript" src="http://data.fandung.com/blog/demo/css-dock-menu/js/jquery.js"></script>
<script type="text/javascript" src="http://data.fandung.com/blog/demo/css-dock-menu/js/interface.js"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 90,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
<style type="text/css">
.dock {
position: relative;
height: 50px;
padding-left:0px;
margin-top:0px;
}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 60px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: block;
padding-left: 20px;
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(http://data.fandung.com/blog/demo/css-dock-menu/iepngfix.htc) }
</style>
<![endif]-–>
4. Save template
5. Tạo 1 widget HTML/Javascript và dán code bên dưới vào:
<div style="display: block;" class="dock" id="dock">
<div style="left: -7.48972px; width: 814.979px;" class="dock-container">
<a style="width: 90px; left: 0px;" class="dock-item" href="link 1"><img src="http://i342.photobucket.com/albums/o433/bkprobk/home.png" alt="home"><span style="display:block;">Trang Chủ</span></a>
<a style="width: 90px; left: 90px;" class="dock-item" href="link 2"><img src="http://i342.photobucket.com/albums/o433/bkprobk/about.png" alt="Giới thiệu"><span style="display:block;">Giới Thiệu</span></a>
<a style="width: 90px; left: 180px;" class="dock-item" href="link 3"><img src="http://i342.photobucket.com/albums/o433/bkprobk/dichvu.png" alt="Dịch vụ"><span>Dịch vụ</span></a>
<a style="width: 90px; left: 270px;" class="dock-item" href="link 4"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/sanpham.png" alt="Site đã thiết kế">Khách Hàng</a>
<a style="width: 90px; left: 360px;" class="dock-item" href="link 5"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/template.png" alt="Template"><span style="display: block;">Template</span></a>
<a style="width: 90px; left: 450px;" class="dock-item" href="link 6"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/history.png" alt="history"><span style="display:block;">Tư Vấn</span></a>
<a style="width: 134.979px; left: 540px;" class="dock-item" href="link 7"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/doitac.png" alt="calendar"><span style="display:block;">Đối Tác</span></a>
<a style="width: 140px; left: 674.979px;" class="dock-item" href="link 8"><img
src="http://i342.photobucket.com/albums/o433/bkprobk/email.png" alt="rss"><span style="display:block;">Liên Hệ</span></a>
</div>
</div>
- Thay đổi code màu đỏ thành link liên kết tương ứng.
- các bạn có thể thay các hình ảnh khác nếu bạn muốn.
Chúc các bạn thành công.
theo FD
Thứ Sáu, 20 tháng 5, 2011
Đăng ký:
Bài đăng (Atom)









