Code hay cho web (phần 3)

CODE TỔNG HỢP 1) Code cảnh đẹp Đại dương ( rất đẹp): Thêm khối chính rồi paste vào <object type="application/x-shockwave-flash" data="http://widgets.clearspring.com/o/486c097c0199c884/4a2a195d07d22d3d/486c0985da626c82 /6c10ab3d" id="W486c097c0199c8844a2a195d07d22d3d" width="530" height="380"><param name="movie" value="http://widgets.clearspring.com/o/486c097c0199c884/4a2a195d07d22d3d/486c0985da626c8 2/6c10ab3d" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object> 2/ code bể cá cảnh: Thêm khối trên cột chức năng rồi paste vào <a href="http://upanh.com/"><img src="http://upanh.com/uploads/04-June- 2009/jb9ovqsev1bxetozbuw4.gif" border="0" alt="UpAnh.com" /></a> 3. code cá vàng <br>.<embed src="http://www.helloict.com/images/stories/gallery/swf/fish.swf" type="application/x-shockwave-flash" bgcolor="#ffffff" wmode="Transparent" allowscriptaccess="none" align="" height="100%" width="100%"><br/><a href="http://www.helloict.com"></a><p> 4. code bướm bay <br><embed src="http://www.helloict.com/images/stories/gallery/swf/Butterfly.swf?nr= 6&type1=0&type2=3&type3=1&type4=4&type5=5&type6=2" type="application/x-shockwave- flash" bgcolor="#ffffff" wmode="Transparent" allowscriptaccess="none" align="" height="100%" width="100%"><br/><a href="http://www.helloict.com"></a><p> 5- Code tra giá vàng <iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm" width="180" height="150" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> 6- Code nhúng tìm kiếm với google <center> <FORM method=GET action="http://www.google.com.vn/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A href="http://www.google.com/"><IMG src="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=25 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Tìm kiếm"> </td></tr></TABLE> </FORM> </center> Trong đoạn mã trên, bạn thay đổi www.google.com thành www.google.com.vn nếu muốn sử dụng Google với giao diện tiếng Việt (Unicode). Thay “http://www.google.com/logos/Logo_40wht.gif” thành đường dẫn đến Logo của bạn. Thay ="Google Search" thành “Tìm kiếm”. Thay "#FFFFFF" thành mã màu khác nếu muốn đổi màu cho thanh tìm kiếm (thí dụ: #E0E0E0). CODE HIỆU ỨNG TRỎ CHUỘT Xin giới thiệu cùng các thầy cô giáo một số code tạo hiệu ứng cho trỏ chuột rất ngộ nghĩnh ( do tôi sưu tầm ). Các thầy cô chọn code mình thích rồi paste vào thông tin bản quyền hoặc thêm khối để paste vào. Tuy nhiên để không tạo các khối trắng trên blog, các thầy cô hãy paste code trỏ chuột chung với các code hiệu ứng khác trong cùng một khối. 1) hiệu ứng chuột chùm sao 1 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/strtail.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/strtail.gif"), auto;}</style> 2) hình chú khỉ <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}</style> 3) hình sao nhấp nháy <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/SparklePink.gif"), auto;}</style> 4) hình biểu tượng đội bóng đá M.U <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/manchesterunitedbadge.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/manchester-united-badge.gif"), auto;}</style> 5) hình chú bé ngộ nghĩnh <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;}</style> 6) hình những trái tim <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}</style> 7) hình chú ếch 1 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginbackground.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbackground.gif"), auto;}</style> 8) hình chú ếch 2 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26verticalresize.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26verticalresize.gif"), auto;}</style> 9) hình chùm sao 2 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style> 10) hình chú bướm <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/butterfly-ani1.gif"), auto;}</style> 11) hình naturo <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/naruto3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Naruto3.gif"), auto;}</style> 12) hình bộ xương ngộ nghĩnh <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Alien Dance MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;}</style> 13) hình quả cầu lửa <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/8ballflame.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/8ball-flame.gif"), auto;}</style> 14) hình lá bài <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/acespades.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/AceSpades.gif"), auto;}</style> 15) hình trái bóng bi da <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/8balllg.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/8BallLG.gif"), auto;}</style> 16) hình biểu tượng yahoo <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bounce.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/bounce.gif"), auto;}</style> 17) hình chú thỏ <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/duchrabbit.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/DuchRabbit.gif"), auto;}</style> 18) hình trái tim <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/iloveanimals1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/iloveanimals-pink.gif"), auto;}</style> 19) hình chú gấu <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/koala.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Koala.gif"), auto;}</style> 20) hình kanguru <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/kangaroo.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/kangaroo.gif"), auto;}</style> 21) hình chú gấu trúc <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/panda1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/panda1.gif"), auto;}</style> 22) hình bé baby 1 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/baby1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Baby1.gif"), auto;}</style> 23) hình bé baby 2 <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babygirl- ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/BabyGirl-ani.gif"), auto;}</style> 24) hình lá cờ argentina <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/argentina.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ARGENTINA.gif"), auto;}</style> 25) hình lá cờ Anh <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/england.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ENGLAND.gif"), auto;}</style> 26) hình lá cờ nhật bản <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/japan.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/JAPAN.gif"), auto;}</style> 27) hình lá cờ việt nam <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/vietnam.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/VIETNAM.gif"), auto;}</style> chúc các bạn có những giây phút thư giản vui vẽ, nếu thấy thik thì thank cái nhá. 28) hình chử i love my pet <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lovemypets.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/LoveMyPets.gif"), auto;}</style> CODE HIỆU ỨNG HOA RƠI ( Thêm khối rồi paste vào hoặc đặt vào mục thông tin bản quyền ) -----Mã code như sau---------- <script> //var pictureSrc = ‘http://img244.imageshack.us/img244/1024/snowbw4.gif’; //the location of the snowflakes//Noel var pictureSrc = ‘http://s351.photobucket.com/albums/q463/web_tgth/th_Hoadao.gif’; //the location of the snowflakes//Xuân var pictureWidth = 20; //the width of the snowflakes var pictureHeight = 20; //the height of the snowflakes var numFlakes = 10; //the number of snowflakes var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms) var lrFlakes = 10; //the speed that the snowflakes should swing from side to side if( typeof( numFlakes ) != ‘number’ || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; } //draw the snowflakes for( var x = 0; x < numFlakes; x++ ) { if( document.layers ) { //releave NS4 bug document.write(‘<layer id=”snFlkDiv’+x+’”><img src=”’+pictureSrc+’” height=”’+pictureHeight+’” width=”’+pictureWidth+’” alt=”*” border=”0”></layer>’); } else { document.write(‘<div style=”position:absolute;” id=”snFlkDiv’+x+’”><img src=”’+pictureSrc+’” height=”’+pictureHeight+’” width=”’+pictureWidth+’” alt=”*” border=”0”></div>’); } } //calculate initial positions (in portions of browser window size) var xcoords = new Array(), ycoords = new Array(), snFlkTemp; for( var x = 0; x < numFlakes; x++ ) { xcoords[x] = ( x + 1 ) / ( numFlakes + 1 ); do { snFlkTemp = Math.round( ( numFlakes – 1 ) * Math.random() ); } while( typeof( ycoords[snFlkTemp] ) == ‘number’ ); ycoords[snFlkTemp] = x / numFlakes; } //now animate function flakeFall() { if( !getRefToDivNest(‘snFlkDiv0’) ) { return; } var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0; //find screen settings for all variations. Doing this every time allows for resizing and scrolling if( typeof( window.innerWidth ) == ‘number’ ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else { if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else { if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } } if( typeof( window.pageYOffset ) == ‘number’ ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else { if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop; scrollWidth = document.body.scrollLeft; } else { if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { scrollHeight = document.documentElement.scrollTop; scrollWidth = document.documentElement.scrollLeft; } } } //move the snowflakes to their new position for( var x = 0; x < numFlakes; x++ ) { if( ycoords[x] * scrHeight > scrHeight – pictureHeight ) { ycoords[x] = 0; } var divRef = getRefToDivNest(‘snFlkDiv’+x); if( !divRef ) { return; } if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? ‘px’ : 0; divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix; divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) – ( pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * ( Math.sin( lrFlakes * ycoords[x] ) – Math.sin( 3 * lrFlakes * ycoords[x] ) ) ) ) + scrollWidth ) + oPix; ycoords[x] += downSpeed; }} //DHTML handlers function getRefToDivNest(divName) { if( document.layers ) { return document.layers[divName]; } //NS4 if( document[divName] ) { return document[divName]; } //NS4 also if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera) if( document.all ) { return document.all[divName]; } //Proprietary DOM – IE4 return false; } window.setInterval(‘flakeFall();’,100);</script> ------------Hết------------ Chúc các thầy cô vui ! CODE CHỮ “NEW”, “MỚI”, “HOT” Các Thầy/ cô có thể thiết kế chữ nhấp nháy theo ý mình. Nếu không tự làm được, các bạn có thể copy code sau vào sau tiêu đề của bài viết là được. Code1: ( chữ new) <img src="http://freewebs.com/dophuongoanh/new.gif"> Code2: ( Hót) <img src="http://ketnoibanbe.org/forum/images/icons/new.gif"> Code3: ( chữ new) <img src="http://www.gdtd.com.vn/images/new.gif"> Code 4: ( Chữ New) <img src="http://www.3c.com.vn/Uploaded/hoangtv/07-06-007/new_ani.gif"> Code 5: ( Mới) <img src="http://thcsdetham.edu.vn/Home_news.gif"> Code 6: New có mũi tên <img src="http://i242.photobucket.com/albums/ff54/trannampro/2.gif "> Code 7: New <img src="http://i649.photobucket.com/albums/uu213/tuongct1/icon-new.gif "> Code 8: New nhún nhẩy <img src="http://i649.photobucket.com/albums/uu213/tuongct1/newtrang.gif "> Code 9: Chữ New xoay <img src="http://www.3c.com.vn/Uploaded/hoant/Anh%20xep/new1.gif "> Code 10: Chữ HOT <img src="http://www.3c.com.vn/Uploaded/hoant/anh3cdotcom/image004.gif "> Code 11: Chữ New ấn tượng <img src="http://i649.photobucket.com/albums/uu213/tuongct1/icon-new.gif"> Code 12 Chữ New dịu mắt <img src="http://www.vantholacviet.org/images/new.gif"> Code 13: Chữ New <img src="http://tratu.baamboo.com/images/new.gif"> Mã code: Bể cá+ Lịch VTV + Lịch âm dương 1- Code bể cá động <img src=" http://i274.photobucket.com/albums/jj260/ahxl8/anhdong/121.gif "> 2- Code lịch âm dương <script type="text/javascript" language="JavaScript" src="http://www.informatik.uni- leipzig.de/~duc/amlich/JavaScript/amlich-hnd.js"> </script> <script language="JavaScript"> <!-- setOutputSize("small"); document.writeln(printSelectedMonth()); --> </script> <td align="center"> <form name="SelectMonth" action="#amlich""> Tháng <select name="month"><option value="1">1<option value="2">2<option value="3">3<option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12</select> <input type="button" value="Xem" onClick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));"><br> Năm <INPUT NAME="year" size=4 value="2005"> <input type="button" value="Xem" onClick="javascript:viewYear(parseInt(year.value));"> </form> </td> </tr> </table> <script type="text/javascript"> <!-- getSelectedMonth(); document.SelectMonth.month.value = currentMonth; document.SelectMonth.year.value = currentYear; function viewMonth(mm, yy) { window.location = window.location.pathname + '?yy='+yy+'&mm='+mm+'#amlich'; } function viewYear(yy) { var loc = 'js/amlich-namnay.html?yy='+yy; var win2702 = window.open(loc, "win2702", "menubar=yes,scrollbars=yes,resizable=yes"); } //--> </script><hr> 3) Code lịch truyền hình VTV <iframe src="http://bongda.com.vn/truyenhinh.aspx" frameborder="1" width="170" height="250" scrolling="yes"></iframe> . bạn. Thay ="Google Search" thành “Tìm kiếm”. Thay "#FFFFFF" thành mã màu khác nếu muốn đổi màu cho thanh tìm kiếm (thí dụ: #E0E0E0). CODE. Trong đoạn mã trên, bạn thay đổi www.google.com thành www.google.com.vn nếu muốn sử dụng Google với giao diện tiếng Việt (Unicode). Thay “http://www.google.com/logos/Logo_40wht.gif”