1. Trang chủ
  2. » Giáo án - Bài giảng

Một số Code trang trí website &blog

9 206 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 9
Dung lượng 103,5 KB

Nội dung

Code chèn hình ảnh hai bên blog Để chèn hình ảnh hai bên blog các bạn có thể chèn đoạn code sau vào ô thông tin bản quyền : Bên trái : <DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><br/><a target="_blank" <a href="link đến trang"><img src=" link hình ảnh sẽ hiển thị" border="0" </a><br/></DIV> Bên phải : <DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><a target="_blank"<a href="link đến trang"_blank"><img src=" link hình ảnh sẽ hiển thị " border="0"</a><br/> </DIV> <script src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script> Nếu chỉ chèn một bên thì các bạn hãy copy một trong hai đoạn trên và chèn vào ô thông tin bản quyền. Nếu muốn chèn cả hai bên thì các bạn hãy copy cả hai đoạn code trên và dán vào ô thông tin bản quyền. Trong đó thay link đến trang bằng link mà bạn muốn mở khi click chuột vào. Thày link hình ảnh sẽ hiển thị bằng link của hình ảnh mà các bạn muốn hiển thị. Lưu ý : Các bạn phải copy đầy đủ đoạn code trên và chỉ thay link. Nếu không hiểu biết nhiều về code thì không nên chỉnh sửa, vì rất dễ gây lôi, nếu chỉnh sửa không đúng. Chỉ copy đoạn code không copy các chữ bên trái, bên phải. Sau đây là đoạn code tôi dùng cho trang của tôi các bạn có thể tham khảo : <DIV id="divAdLeft" align="left" style="LEFT: -95px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><br/><a target="_blank" <a href="http://thuviensinhhoc.violet.vn"_blank"><img src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty21.gif" border="0" alt="Unlimited Free Image and File Hosting at MediaFire"><a target="_blank"<a href="http://thpt-namdan1-nghean.violet.vn"_blank"><img src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty27.gif" border="0" alt="Unlimited Free Image and File Hosting at MediaFire"></a><br/></DIV> <DIV id="divAdRight" align="right" style="RIGHT:1px; WIDTH: 108px; POSITION: absolute; TOP: 71px"><a target="_blank"<a href="http://thuviensinhhoc.violet.vn" target"_blank"><img src=" http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty27.gif " border="0" alt="Unlimited Free Image and File Hosting at MediaFire"></a><a href="http://thpt-namdan1-nghean.violet.vn" target="_blank"><img src="http://thuviensinhhoc.violet.vn/uploads/resources/blog/652/hellokitty21.gif" border="0" alt="Unlimited Free Image and File Hosting at MediaFire"></a><br/> </DIV> <script src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script> CODE ĐỒNG HỒ ĐỊA CẦU: <!-Local Time Clock widget - HTML code - localtimes.info ><div align="center" style="margin:15px 0px 0px 0px"><div align="center" style="width:140px;border:1px solid #ccc;background:#fff ;color: #fff ;font-weight:bold"><a style="padding:2px 1px;margin:2px 1px;font-size:13px;line-height:16px;font-family:arial;text- decoration:none;color:#000 ;" href="http://localtimes.info/Asia/Vietnam/Qui_Nhon/"><img src="http://localtimes.info/images/countries/vn.png" border=0 style="border:0;margin:0;padding:0"> Qui Nhon Time</a></div><script type="text/javascript" src="http://localtimes.info/clock.php? continent=Asia&country=Vietnam&city=Qui+Nhon&widget_number=121&fwdt=150 &ham=1&hfg=1"></script></div><!-end of code > CODE TRA ĐIỂM THI: <script language="javascript" src="http://diemthi.baamboo.com/boxes/makecombo.js"></script> <script language="javascript" src="http://diemthi.baamboo.com/boxes/box_cover.js"></script> CODE DONG HO <!-Local Time Clock widget - HTML code - localtimes.info ><div align="center" style="margin:15px 0px 0px 0px"><div align="center" style="width:140px;border:1px solid ;font-weight:bold"><a style="padding:2px 1px;margin:2px 1px;font- size:13px;line-height:16px;font-family:arial;text-decoration:none;color:#11ff11 ;" href="http://localtimes.info/Asia/Vietnam/Ha_Noi/"><img src="http://localtimes.info/images/countries/vn.png" border=0 style="border:0;margin:0;padding:0"> http://hoapt.co.cc</a></div><script type="text/javascript" src="http://localtimes.info/clock.php? continent=Asia&country=Vietnam&city=Ha+Noi&color=green&widget_number=100 0&fwdt=150&mon=1"></script></div><!-end of code > CODE GIA VANG <iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm" width="170" height="150" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> CODE NGOAI TE <iframe src="http://www.vietstock.com.vn/Transweb/tygia.htm" width="170" height="240" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe> CODE CHEN FLASH <embed src="LINK FLASH" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x- shockwave-flash" name="obj1" width="180" height="120"> ((LINK FLASH VI DU: http://d.violet.vn/uploads/resources/212/0.Lich_blog_dep.swf))) ((http://d.violet.vn/uploads/resources/212/0.Truongchi.swf)) CODE DONG HO + LICH BLOG <embed src="http://d.violet.vn/uploads/resources/212/0.Lich_blog_dep.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x- shockwave-flash" name="obj1" width="180" height="220"> MỘT SỐ CODE CHỮ 1.Chữ chạy sang trái <marquee> WEBSITE HÓA HỌC HPT</marquee> 2. Chữ chạy sang phải <marquee direction="right">WEBSITE HÓA HỌC HPT</marquee> 3.Chữ chạy qua lại : <marquee behavior="alternate">WEBSITE HÓA HỌC HPT</marquee> 4. Chữ chạy dưới lên <marquee direction="up">WEBSITE HÓA HỌC HPT</marquee> 5. Chữ chạy trên xuống <marquee direction="down">WEBSITE HÓA HỌC HPT</marquee> 6. Chữ chạy lên xuống <marquee direction="up" behavior="alternate">WEBSITE HÓA HỌC HPT</marquee> 7. Chữ bay hình sin <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">WEBSITE HÓA HỌC HPT</marquee></marquee> 8. Chữ bay hình chữ Z <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">WEBSITE CỦA ĐỖ VŨ HIỆP</marquee></marquee> 9. Mũi tên nhấp nháy <marquee behavior="alternate" width="10%">>></marquee>WEBSITE HÓA HỌC HPT<marquee behavior="alternate" width="10%"><<</marquee> 10. Mũi tên chạy ra <marquee behavior="alternate" width="10%">>></marquee>WEBSITE HÓA HỌC HPT<marquee behavior="alternate" width="10%"><<</marquee> 11.Chữ có màu nền <font color="#FFFFFF"><marquee direction="left" style="background:BLUE"> WEBSITE CỦA ĐỖ VŨ HIỆP</marquee></font> 12. Chữ có khung <marquee style="border:BLUE 2px SOLID">WEBSITE HÓA HỌC HPT</marquee> 13. Chữ co dãn 1 <MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>WEBSITE HÓA HỌC HPT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>/ 14. Chữ co dãn 2 <MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>WEBSITE HÓA HỌC HPT<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE> 15. Chữ chạy và biến mất. <marquee behavior="alternate"><marquee width="150">WEBSITE HÓA HỌC HPT</marquee></marquee> ?: Rootvn Forum http://rootvn.net/showthread.php?t=43382 16.Chữ lơ lửng <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>WEBSITE HÓA HỌC HPT<br >Giao lưu và chia sẻ </center></marquee> 17- Chữ màu ( tĩnh): <b><font color="#3300FF"> CHÀO CÁC THẦY CÔ GIÁO ĐẾN VỚI</font><font color="#FF00FF "> WEBSITE HÓA HỌC HPT</font></b> Mã : <b><font color="#mã màu"> Đoạn văn bản </font></b> 18- Chữ màu chạy trong khung màu: <marquee style="border:BLUE 2px SOLID"> <b><font color="#3300FF">CHÀO MỪNG CÁC BẠN ĐẾN THĂM </font></b> </marquee> Thay BLUE bằng các từ khác để được màu khung theo ý muốn của bạn. Ví dụ: RED (đỏ), , GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím), BLACK (đen) 19) Chữ chạy điều chỉnh được tốc size: <marquee <font color="#FF0000" size="4"> WEBSITE HÓA HỌC HPT</font></marquee> 20) Chữ chạy thay đổi tốc độ, size: <b><marquee direction="left" scrollamount="6" onmouseover="this.stop();" onmouseout="this.start();"><font color="#FF0000" size="2">WEBSITE HÓA HỌC HPT</font></marquee></b> 21) Canh giữa: <div align="center">WEBSITE HÓA HỌC HOAPT</div> Code tạo nút lên, xuống đặt giữa trang BLOG Copy và paste vào cột chức năng: <center> <div id='top-buttom_image'> <a href='javascript:scroll(0,0)' title=' Về đầu trang'><img alt='Lên đầu trang' border='2' src="http://farm4.static.flickr.com/3496/3463533286_ee8ffe62cd_o.gif "></a><br/> <a href='javascript:scroll(0,9999999)' title='Về cuối trang '><img alt='Xuống cuối trang' border='2' src="http://farm4.static.flickr.com/3583/3437500265_69cea7f1f2_o.gif "></a> </div> </center> Code nhúng phòng thí nghiệm Hóa học vào BLOG <embed src='http://www.youtube.com/v/<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/at2wZa_J8Co&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/at2wZa_J8Co&hl=en&fs=1&" type="application/x- shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>&autoplay=1' type='application/x-shockwave-flash' wmode='transparent' width='450' height='380'></embed> HƯỚNG DẪN TẠO HIỆU ỨNG CHO TRỎ CHUỘT - Bước 1 : bạn truy cập vào http://www.totallyfreecursors.com/ - Bước 2: click vào một hình trỏ chuột mà bạn thích - Bước 3: Trong cửa sổ hiện ra, các bạn copy mã code HTML - Bước 4: Đặt code vào góc vui trên trang blog của bạn Code xuất hiện ở khung trên : khi rê chuột vào các vị trí không có link trên website thì hiệu ứng trỏ chuột sẽ có tác dụng Ví dụ: <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 Tail 2 MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}</style> Code xuất hiện ở khung dưới : khi rê chuột vào các vị trí có link trên website thì hiệu ứng trỏ chuột sẽ có tác dụng Ví dụ: <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style> Code chữ chạy phía trên cùng của banner 1) Chạy qua, lại ( màu đen) <span style="position: absolute; left: 0px; top: 0px; width: 100%"><marquee behavior="ALTERNATE"><strong>KÍNH CHÀO QUÝ THẦY CÔ ĐẾN THĂM WEBSITE </strong></marquee></span> Muốn có màu thì thay đoạn code sau vào giữa thẻ : <strong>…</strong> <font color="#736AFF" size="4"> NỘI DUNG CHỮ CHẠY </font> 2) Chạy qua, lại (có màu) <span style="position: absolute; left: 0px; top: 0px; width: 100%"><marquee behavior="ALTERNATE"><strong><font color="#B93B8F" > CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN THĂM WEBSITE</font> </strong></marquee></span> Thầy cô có thể thay mã màu khác: Vì dụ: Màu xanh: #736AFF ; Màu tím: #B93B8F ; Màu cam: #FBB917 Màu đỏ: #F778A1 ; hoặc chọn màu khác tùy thích 3) Chạy từ phải sang trái: <span style="position: absolute; left: 0px; top: 0px; width: 100%"> <marquee <font color="#B93B8F" size="4"> CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN THĂM WEBSITE </font></marquee></span> Thay mã màu như trên CODE TẠO CON TRỎ CHUỘ NGỘ NGHĨNH 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> 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> . height="220"> MỘT SỐ CODE CHỮ 1.Chữ chạy sang trái <marquee> WEBSITE HÓA HỌC HPT</marquee> 2. Chữ chạy sang phải <marquee direction="right"> ;WEBSITE HÓA HỌC HPT</marquee> 3.Chữ. http://www.totallyfreecursors.com/ - Bước 2: click vào một hình trỏ chuột mà bạn thích - Bước 3: Trong cửa sổ hiện ra, các bạn copy mã code HTML - Bước 4: Đặt code vào góc vui trên trang blog của bạn Code xuất hiện ở khung. size="2"> ;WEBSITE HÓA HỌC HPT</font></marquee></b> 21) Canh giữa: <div align="center"> ;WEBSITE HÓA HỌC HOAPT</div> Code tạo nút lên, xuống đặt giữa trang

Ngày đăng: 25/05/2015, 18:00

TỪ KHÓA LIÊN QUAN

w