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

Code Tổng hợp 01

16 151 0

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

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

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

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

background-image:urlhttp://vipnghean.biz/blog/sao.gif; } a:hover, a.link:hover, a.navbar:hover { background-image:urlhttp://vipnghean.biz/blog/sao.gif; font-size:8pt; color:; text-decora

Trang 1

ĐƯA NHẠC VÀO WEB

<object width="300" height="400"><param name="movie" value=

"http://www.nhaccuatui.com/l/90DYlllR7biV">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<param name="flashvars" value="&autostart=true">

<embed src="http://www.nhaccuatui.com/l/90DYlllR7biV" quality=

"high" wmode="transparent" type="application/x-shockwave-flash"

flashvars="&autostart=true" width="300" height="400"></object>

BÁO MỚI GIÁO DỤC

<script type="text/javascript"> epi_id = 'epi-widget-container'; epi_width = 'auto';

epi_height = 'auto'; </script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script

type="text/javascript" src="http://www.baomoi.com/Widget/GenerateJS.aspx?

zone=59&count=10&ntype=popular&dtype=1&target=0"></script>

<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this options[0].selected=true" style="width: 180; " class="text_noresize"

name="select"><option selected="selected">TRẮC NGHIỆM</option><option

value="about:Tabs"> -</option>

<option value="http://www.cannao.com/home/poll.php?

iCat=217,0&q_co=FF0000&q_bg=FFFFFF&a_co=0000FF&a_bg=999999&quan=1000/

">Văn Học</option>

<option value=" http://www.cannao.com/home/poll.php?

iCat=223,0&q_co=FF0000&q_bg=FFFF00&a_co=0000FF&a_bg=C0C0C0&quan=1000 /">Toán Học</option>

<option value=" http://www.cannao.com/home/poll.php?

iCat=215,0&q_co=FF0000&q_bg=99CCFF&a_co=0000FF&a_bg=999999&quan=1000/

">Lịch sửVăn Hoá</option>

<option value=" http://www.cannao.com/home/poll.php?

iCat=216,0&q_co=FF0000&q_bg=FFFF00&a_co=0000FF&a_bg=FF0000&quan=1000/

">Vật lý</option>

<option value=" http://www.cannao.com/home/poll.php?

iCat=218,0&q_co=FF0000&q_bg=FFFF00&a_co=FF0000&a_bg=0000FF&quan=1000/

">Sinh Học</option>

Trang 2

<option value=" http://www.cannao.com/home/poll.php?

iCat=220,0&q_co=FF0000&q_bg=FFFF99&a_co=0000FF&a_bg=C0C0C0&quan=1000 /"> Địa lý</option>

<option value=" http://www.cannao.com/home/module.php?

module=tonghop/">Trắc nghiệm Vui</option>

</select>

Thêm một code vui nữa nè

Đáng lẽ tôi giới thiệu nó trong dịp 8-3 nhưng đợi lâu quá nên tôi nóng lòng xin cho ra mắt trước

<div style="text-align: center; display: table; margin-left: auto; margin-right:

auto;"><img src="http://d.violet.vn/uploads/resources/50/0.Tai_ha_bai_phuc.gif"

alt="Image" class="resize_me"><br><b>Tại hạ bái phục</b></div>

ĐỔI MÀU KHI CHUỘT VÀO ĐỎ X VÂNG MỚI

Code trỏ chuột chạm link thì có máy bay bay lên ( Hơi đẹp đấy)

Chào các Thầy, cô giáo!

Hôm nay, BLOG HÓA HỌC xin giới thiệu một kiểu hiệu ứng rất tuyệt cho con chuột

Hiệu ứng này sẽ tạo ra nhiều máy bay ( 3 tốp với 3 màu khác nhau đấy) Bạn chỉ cần thêm khối và paste vào là được

Các thầy cô có thể lập lại code để có nhiều máy bay hơn Nhưng tôi nghĩ như thế này là đẹp hơn

Mã code:

<style type="text/css">

a.navbar:hover {

color:;

Trang 3

background-image:url(http://vipnghean.biz/blog/sao.gif);

}

a:hover, a.link:hover, a.navbar:hover {

background-image:url(http://vipnghean.biz/blog/sao.gif);

font-size:8pt;

color:;

text-decoration:none;

border:1px solid;

}

a:hover img {

background-image:url(http://vipnghean.biz/blog/sao.gif);

filter:alpha(finishopacity=0, style=2);

border:1px solid;

}

</style>

Tạo hiệu ứng trên đường link khi rê chuột

Tôi xin giới thiệu các thầy cô giáo các bước để có một hiệu ứng đẹp khi rê chuột vào link

Thật đơn giản, chỉ cần thực hiện một vài bước là xong ngay!

Bước 1: Truy cập địa chỉ http://www.poqbum.com/animated_hover/

Hiện cửa sổ :

Trang 4

Bước 2: Bạn copy đường link của một hình ảnh tùy thích ( Bạn có thể xem trước hiệu

ứng bằng cách đưa chuột vào nút preview )

Bước 3: Bạn tìm code hiện ra hoặc thay link vào mẫu code sau:

<style type="text/css">

a:hover, a.link:hover, a.navbar:hover {

background-image:url(link hình ảnh của hiệu ứng);

font-size:10pt;

color:;

text-decoration:none;

border:1px solid;

}

</style>

Bước 4: Đặt vào góc vui trên BLOG của bạn

Ví dụ một hiệu ứng :

<style type="text/css">

a:hover, a.link:hover, a.navbar:hover {

background-image:url(http://www.poqbum.com/animated_hover/images/rainbow.gif);

font-size:10pt;

Trang 5

text-decoration:none;

border:1px solid;

}

</style>

Code chữ chạy trên thanh trạng thái

Để có dòng chữ chạy trên thanh trạng thái thì các thầy cô copy đoạn code sau đây, chỉnh

sửa nội dung ( phần chữ đậm) rồi paste vào thông tin bản quyền.

Mã code:

<script>

var txt=" Lê Thị Tuyết Nhung: Xin mời giao lưu và chia sẻ ";

var espera=200;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

refresco=setTimeout("rotulo_title()",espera);

}

rotulo_title();

</script>

Một chút kinh nghiệm của Thầy Nguyễn Văn Danh về chèn code trên các khối

Gần đây, sau một thời gian ban quản trị đưa ra chức năng cho phép các thầy cô có trang blog riêng chèn các mã code vào các khối tự tạo, hiện tượng các trang bị lỗi không thấy giảm bớt mà ngày càng tăng lên ! Có các trường hợp như: mất menu ngang, biến dạng hoặc vỡ kết cấu của trang, nội dung không còn hiển thị được nữa hoặc bị đưa qua các trang web bên ngoài thư viện khi click chuột Cá nhân tôi cũng từng bị mất toàn bộ menu ngang và phải một lúc sau tôi mới lấy lại được nhưng đành mất tất cả các menu liên kết thành viên đã tạo ra trước đây trên menu ngang !

Thông thường khi các thầy cô thử nghiệm các khối, lúc chèn xong các khối thì các thầy

cô thoát ra bằng menu "Trang chủ" để xem kết quả, và khi lỗi xảy ra rồi thì không vào phần quản trị để điều chỉnh được nữa Vì vậy cách đơn giản đầu tiên là các thầy cô hãy

MỞ TRANG CỦA MÌNH TRÊN HAI CỬA SỔ HOẶC HAI TAB, một bên là vô phần quản trị để chèn khối, làm xong thì đừng ra trang chính mà cứ để đó và qua cửa sổ kia xem kết quả (nhấn phím F5 trên bàn phím để reload lại trang), nếu thấy có biến dạng bất thường thì quay về cửa sổ quản trị để điều chỉnh hoặc tạm ẩn hoặc xoá khối vừa tạo, xong

Trang 6

kiểm tra lại trên cửa sổ kia Như vậy các thầy cô sẽ tự sửa được những lỗi nhẹ và hạn chế được phần nào sự cố khi chèn code Tuy nhiên cũng có những sự cố quá nặng nề thì chắc là phải nhờ ban quan trị ra tay trợ giúp thôi

Một chút ý kiến nhỏ nhoi Mong có thêm những kinh nghiệm của các thầy cô khác trong việc tạo các khối code

CODE NHÚNG NHÀ SÁCH DAVISBOOKS

-Thên khối trên cột chức năng rồi paste vào -

<center>

<div class="content">

<a href="http://davibooks.vn " target="_blank"><img

src="http://huongtinhyeu.net/htyfoto/EXPRESS/545c6257/Davibook.gif"width="170" height="113" border="0"></a> </div>

<div class="bottom"></div>

</center>

Nhúng up ảnh nhanh vào BLOG

Các thầy cô có thể copy và paste code sau vào thông tin bản quyền hoặc khối chính

Trang 7

<iframe src='http://uploadanh.com/iframe2.php?site=http://dhanhcs.violet.vn' width='640' height='114' target='_ifrupload' name ='_ifrupload' style='overflow-x: hidden;overflow-y: hidden;' frameborder='0'><p>Your browser does not support iframes.</p></iframe>

Code chèn Ảnh liên kết hai bên trang BLOG

Đây là các bước để chèn hình ảnh quảng cáo chạy dọc 2 bên BLOG ( Như ở trang chủ violet) và một số trang khác Riêng BLOG HÓA HỌC không dùng vì đã có quá nhiều liên kết tại trang của tôi ( Nhất là menu tài nguyên BLOG)

Các bạn thực hiện theo các bước sau:

Bước 1:up ảnh để lấy link (Ảnh này sẽ hiển thị 2 bên )

( có thể chọn trang upanh.com hoặc up tai violet)

Bước 2: Bạn sử dụng đoạn code sau để tạo cho ảnh chạy dọc 2 bên

<DIV id="divAdLeft" align="left" style="LEFT: -200px; WIDTH: 70px; POSITION: absolute; TOP: 80px">

<a href="liên kết khi bấm vào ảnh" target="_blank">

<IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên trái'width=53 border=0

height="73"></div>

<br /><br />

<DIV id="divAdRight" align="right" style="RIGHT:0px; WIDTH: 70px; POSITION: absolute; TOP: 800px">

<a href="liên kết ảnh" target="_blank">

<IMG hspace=0 src='link ảnh bạn muốn quảng cáo bên phải'width=53 border=0

height="73">

</DIV><br /><br />

<script src="http://www.freewebs.com/lamdaitrochuyen/quangcao.ibf"></script></div>

Trang 8

Bước 3: Bạn copy và paste vào thông tin bản quyền ( hoặc thêm khối)

Bạn có thể chỉnh kích thước ảnh cho phù hợp ( không che menu dọc)

Code de chèn hình nền cho tiêu đề + code liên kết bằng ảnh

1) Code chèn hình nền cho tiêu đề ( Như trang của tôi đấy)

<style type="text/css"> #body h2 {background:#000000 url(link hình tiêu đề) ;}

</style>

2) Code liên kết bằng hình ảnh:

<a href= link địa chỉ cần đến target="_blank" title="Tên địa chỉ cần liên kết

đến"><img src="link ảnh hiển thị để click chuột vào sẽ dẫn đến địa chỉ cần đến"

width="60" height="69" align="top"></a>

Các bạn lập lại nhiều lần nếu muốn liên kết nhiều địa chỉ ( trang web hoặc tài nguyên trong BLOG của mình )

Thêm khối rồi paste vào nha!

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

Copy về nhà thì nhớ ghi nguồn nha!

Trang 9

Code vị thần tình yêu ( đẹp)

THẦN TÌNH YÊU

( Chỉnh sửa nội dung rồi bỏ phần hướng dẫn chữ đậm, sau đó paste nó vào góc vui nha! )

<script language="JavaScript1.2">

Cupid=new Image();

Cupid.src="http://ndf.violet.vn/uploads/resources/blog/663/abc/love.gif"; //

amount=7; //So luong hinh anh Than tinh yeu se xuat hien tren trang

web.

Xpos=700; //Toa do cua Than tinh yeu, cac ban hay thay so 700 bang mot

so khac de thay su khac biet.

Ypos=200; //Toa do cua Than tinh yeu, cac ban hay thay so 200 bang mot

so khac de thay su khac biet.

step=0.3; //Toc do di chuyen cua Than tinh yeu (so cang nho thi di

chuyen cang cham).

dismissafter=60; //Thoi gian Than tinh yeu se xuat hien tren trang web

(tinh theo giay).

var ns6=document.getElementById&&!document.all

bats=new Array(3)

if (document.layers){

for (i=0; i < amount; i++)

{document.write("<LAYER NAME=n"+i+" LEFT=0 TOP=-50><IMG

src='"+Cupid.src+"' NAME='nsi' width=69 height=60 border=0></LAYER>")}} else if (document.all||ns6){

document.write('<div id="out"

style="position:absolute;top:0;left:0"><div id="in"

style="position:relative">');

for (i=0; i < amount; i++){

if (document.all)

document.write('<img src="'+Cupid.src+'" id="msieBats"

style="position:absolute;top:-50;left:0" border=0>')

Trang 10

document.write('<img src="'+Cupid.src+'" id="ns6Bats'+i+'" width=69 height=60 style="position:absolute;top:-50;left:0" border=0>')}

document.write('</div></div>');}

yBase=xBase=currStep=a_count=0;

b_count=1;

c_count=2;

d_count=3;

move=1;

if (document.layers||ns6){

yBase=window.innerHeight/3;

xBase=window.innerWidth/6;

if (document.layers)

window.captureEvents(Event.MOUSEMOVE);}

if (document.all){

yBase = window.document.body.offsetHeight/3;

xBase = window.document.body.offsetWidth/6;}

function dismisscupid(){

clearInterval(flycupid)

if (document.layers){

for (i2=0; i2 < amount; i2++){

document.layers['n'+i2].visibility="hide"}}

else if (document.all)

document.all.out.style.visibility="hidden"

else if (ns6)

document.getElementById("out").style.visibility="hidden"}

if (document.layers){

for (i=0; i < amount; i++)

document.layers['n'+i].document.images['nsi'].src=Cupid.src}

else if (document.all){

for (i=0; i < amount; i++)

document.all.msieBats[i].src=Cupid.src}

else if (ns6){

for (i=0; i < amount; i++)

document.getElementById("ns6Bats"+i).src=Cupid.src}

function Animate(){

a_count+=move;

b_count+=move;

c_count+=move;

currStep+=step;

if (a_count >= bats.length) a_count=0;

if (b_count >= bats.length) b_count=0;

if (c_count >= bats.length) c_count=0;

if (document.layers){

for (i=0; i < amount; i++) {

var NewL="n"+i

document.layers[NewL].top = Ypos+yBase*Math.sin(((currStep)

+i*3.7)/4)*Math.cos((currStep+i*35)/10)

document.layers[NewL].left =Xpos+xBase*Math.cos(((currStep)

+i*3.7)/4)*Math.cos((currStep+i*35)/62)}}

if (document.all){

for (i=0; i < amount; i++){

document.all.msieBats[i].style.pixelTop =

Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10) document.all.msieBats[i].style.pixelLeft

=Xpos+xBase*Math.cos(((currStep)

+i*3.7)/4)*Math.cos((currStep+i*35)/62)}}

Trang 11

if (ns6)

{for (i=0; i < amount; i++){

document.getElementById("ns6Bats"+i).style.top =

Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10) document.getElementById("ns6Bats"+i).style.left

=Xpos+xBase*Math.cos(((currStep)

+i*3.7)/4)*Math.cos((currStep+i*35)/62)}}}

flycupid=setInterval('Animate()',30);

setTimeout("dismisscupid()",dismissafter*1000)

</script>

-Thay đường dẫn thần tình yêu bằng những link hình khác:

Ví dụ: ( Hoa lan tím)

http://upanh.com/uploads/20-June-2009/8y68xelmp06hnihhp0p_tn_100x75.jpg

Bạn rinh nó về nhớ ghi nguồn nha!

Code nhúng fle flash vào BLOG

Hôm nay mình giới thiệu với các thầy cô mẫu code nhúng flash vào blog Các bạn copy

mã code sau đây và thay thế link flash ( phần chữ in đậm) là được Paste vào khối trên cột chức năng:

Mã code:

<embed src="Link Của Flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" name="obj1" width="550"

height="317">

Ví dụ: Đươi đây là code chim bồ câu trắng bay:

Trang 12

<embed src="http://www.fhqhosting.com/ui/72%20Bocau.swf

" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="180" height="150">

Tuyết rơi:

<embed src="http://www.fhqhosting.com/ui/82%20tuyet.swf

" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="525" height="380">

Một số link flash do tôi đã up lên mạng:

Bồ câu: http://www.fhqhosting.com/ui/72%20Bocau.swf

Tuyết rơi nền xanh: http://www.fhqhosting.com/ui/23%20xanh.swf

Pha lê: http://www.fhqhosting.com/ui/100%20phale.swf

TRăng: http://www.fhqhosting.com/ui/152%20trang%20nen%20xanh.swf

Pháo Hoa: http://www.fhqhosting.com/ui/82%20tuyet.swf

Các bạn hãy up thêm để có file flash đẹp

Nếu các bạn paste vào khối chính thì nhớ chỉnh lại width="525" height="380"

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

Code nhúng phòng thí nghiệm Hóa học vào BLOG

Code nhúng phòng thí nghiệm vào blog

( Thêm khối chính rồi paste vào)

Ngày đăng: 20/12/2015, 02:35

TỪ KHÓA LIÊN QUAN

w