Một số Code tao hieu ứng cho Web
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (219.24 KB, 5 trang )
Vũ Văn Hoan - Trường THCS Thái Thủy
1) Chèn nhạc cho blog :
Ở đây tôi chèn nhạc MP3
Mã code:
<object width="300" height="61"><param name="movie"
value=" />xmlurl= />OS82MS85NjFmOTVkMzUyZjZmMGNjZGUyOTRlMmE2MDgyYWVkNS5cUIbaBmUsIC
DN8TEsgTOG7nWkgWmUsICOqdSBUaMawxqFdUngZ3xEdXkgUXVhWeBmmUsICgLS
DEkOG7qWMgSHV5IC0gVHXhdUngqVdUngIE5n4WeBdUngNYyAcUIbaBIFRow6FpIEN
ow6J1fGZhWeBHNl" /><param name="quality" value="high" /><param name="wmode"
value="transparent" /><embed width="300" height="61"
src=" />xmlurl= />OS82MS85NjFmOTVkMzUyZjZmMGNjZGUyOTRlMmE2MDgyYWVkNS5cUIbaBmUsIC
DN8TEsgTOG7nWkgWmUsICOqdSBUaMawxqFdUngZ3xEdXkgUXVhWeBmmUsICgLS
DEkOG7qWMgSHV5IC0gVHXhdUngqVdUngIE5n4WeBdUngNYyAcUIbaBIFRow6FpIEN
ow6J1fGZhWeBHNl" quality="high" wmode="transparent" type="application/x-shockwave-
flash"></embed></object>
2) Chèn đồng hồ nhỏ xinh:
coppy đoạn co đe rồi paste vào quản trị/giao diện/thông tin bản quyền
Đồng hồ tròn:
Mã code:
<embed src="
width="120" height="120" wmode="transparent" type="application/x-shockwave-
flash">
Code 2: Đồng hồ đeo tay:
<embed src="
width="100" height="180" wmode="transparent" type="application/x-shockwave-
flash">
Đồng hồ dạng đeo tay:
<embed src="
width="100" height="180" wmode="transparent" type="application/x-shockwave-
flash">
3) Chữ chạy cuối trang blog:
Bạn chỉ cần chỉnh sửa nội dung cho phù hợp, sau đó coppy code và paste rồi mục
thông tin bản quyền là được:
a) dạng đơn giản
<marquee > CẢM ƠN QUÝ THẦY CÔ VÀ CÁC BẠN ĐÃ GHÉ THĂM Website
CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI THỦY– THÁI THỤY – THÁI
BÌNH</marquee>
b) Một số code dạng đặc biệt:
1
Vũ Văn Hoan - Trường THCS Thái Thủy
1) Chạy từ phải sang trái
<MARQUEE DIRECTION="LEFT">CHÀO MỪNG 27.4 VÀ 30.4 GIẢI PHÓNG
MIỀN NAM
</MARQUEE>
2) Chạy từ trái sang phải
<MARQUEE DIRECTION="RIGHT">CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN V
VỚI Website CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI THỦY– THÁI
THỤY – THÁI BÌNH </MARQUEE>
2) Chạy dưới lên
<MARQUEE DIRECTION="UP">CHÀO MỪNG CÁC THẦY CÔ GIÁO ĐẾN VỚI
Website CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI THỦY– THÁI THỤY –
THÁI BÌNH </MARQUEE>
3- Chạy qua chạy lại
<MARQUEE BEHAVIOR="ALTERNATE">
CHÀO MỪNG QUÝ VỊ ĐẾN VỚI Website CỦA VŨ VĂN HOAN - TRƯỜNG
THCS THÁI THỦY– THÁI THỤY – THÁI BÌNH </MARQUEE>
4- CHữ chạy có màu nền
Ví dụ: nền màu vàng P hải sang trái
<MARQUEE BGCOLOR=YELLOW>CHÀO MỪNG QUÝ VỊ ĐẾN VỚI Website CỦA VŨ VĂN
HOAN - TRƯỜNG THCS THÁI THỦY– THÁI THỤY – THÁI BÌNH </MARQUEE>
Chú ý :
Thay ORANGE bằng các từ khác để được màu theo ý muốn của bạn. Ví dụ: RED (đỏ), BLUE
(xanh da trời), GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím),
BLACK (đen)
5- Chữ chạy có màu font
Code 1: Mã code chạy chữ đỏ, nền xanh, chạy từ phải sang trái
<font color="#FF0000"><span style="background-color: #00FF00; font-
size:16px"><marquee direction="left" scrolldelay="0" scrollamount="10">Chào
mừng các bạn đến với Website CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI THỦY– THÁI THỤY – THÁI
BÌNH </marquee></span></Times New Roman>
Code 2: bạn coppy cả đoạn code ở trang 3 rồi paste vào thông tin bản quyền
2
Vũ Văn Hoan - Trường THCS Thái Thủy
<head>
<title></title>
</head>
<body>
<font color="#2c40d1"><span style="background-color: #ffffff; font-size:20px">
<marquee direction="left" scrolldelay="5" scrollamount="5">CHÀO MỪNG QUÝ VỊ
ĐẾN VỚI WEBSITE CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI
THỦY– THÁI THỤY – THÁI BÌNH </marquee></span></font><b>
</body>
6- Tạo hiệu ứng hoa rơi từ Banner:
Mã code như sau:
<marquee style="z-index: 1; left: 777px; width: 30px; position: absolute; top: -11px; height:
1000px;" scrollamount="5" direction="down"><span class="falling1"><img
src=" />_fcksavedurl=" />_fcksavedurl=" />e> <marquee style="z-index: 1; left: 191px; width: 30px; position: absolute; top: -231px;
height: 1000px;" scrollamount="5" direction="down"><span class="falling1"><img
src=" />_fcksavedurl=" />_fcksavedurl=" />e> <marquee style="z-i
7- Nếu các bạn muốn vừa có đồng hồ vừa có nhạc MP3 vừa có chữ chạy như blog của tôi
thì bạn chỉ cần dùng đoạn code sau đây là được:
<MARQUEE BGCOLOR=YELLOW>CHÀO MỪNG QUÝ VỊ ĐẾN VỚI Website
CỦA VŨ VĂN HOAN - TRƯỜNG THCS THÁI THỦY– THÁI THỤY – THÁI BÌNH
</MARQUEE>
<embed src="
width="120" height="120" wmode="transparent" type="application/x-shockwave-
flash">
<object width="300" height="61"><param name="movie"
value=" />xmlurl= />OS9kNC85ZDQ1OTBiZDU5OGFhMTI1ZGM0ZTRjOWRkZDlhMmQ3My5cUIbaBm
UsICDN8TOG7kWkgTmjhdUng48gVsOgWeByDEkOG7nWl8xJDDoG0gVsSpWeBmgg
SMawWeBmd8dHJ1ZQ" /><param name="quality" value="high" /><param
name="wmode" value="transparent" /><embed width="300" height="61"
src=" />xmlurl= />OS9kNC85ZDQ1OTBiZDU5OGFhMTI1ZGM0ZTRjOWRkZDlhMmQ3My5cUIbaBm
UsICDN8TOG7kWkgTmjhdUng48gVsOgWeByDEkOG7nWl8xJDDoG0gVsSpWeBmgg
SMawWeBmd8dHJ1ZQ" quality="high" wmode="transparent" type="application/x-
shockwave-flash"></embed></object>
3
Vũ Văn Hoan - Trường THCS Thái Thủy
Đồng hồ số
<script src=" />type="text/javascript" language="JavaScript">obj=new
Object;obj.clockfile="2012olympic001-
pink.swf";obj.TimeZone="PST";obj.width=150;obj.height=225;obj.Target="2012,7,27,0
,0,0";obj.Title="Title";obj.Message="Message";obj.DayU="days";obj.HourU="hrs";o
bj.MinU="min";obj.SecU="sec";obj.wmode="transparent";showClock(obj);</script>
<embed src=" />TimeZone=PST&Target=2012,7,27,0,0,0&Title=Title&Message=Message&DayU=days&
HourU=hrs&MinU=min&SecU=sec&" width="150" height="225"
wmode="transparent" type="application/x-shockwave-flash">
2
<script src=" />type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5010-
blue.swf";obj.TimeZone="PST";obj.width=222;obj.height=66;obj.wmode="transparent
";showClock(obj);</script>
<embed src=" />width="222" height="66" wmode="transparent" type="application/x-shockwave-
flash">
3
<script src=" />type="text/javascript" language="JavaScript">obj=new
Object;obj.clockfile="tawhill001-
blue.swf";obj.TimeZone="PST";obj.width=150;obj.height=150;obj.wmode="transpare
nt";showClock(obj);</script>
<embed src=" />width="150" height="150" wmode="transparent" type="application/x-shockwave-
flash">
Chúc các bạn thành công !
CÁCH TẠO ĐỒNG HỒ CHẠY TRÊN WEBSITE
Hướng dẫn mọi người một cách trang trí cho blog của mình, bằng cách tạo cho blog một
chiếc đồng hồ thật xinh.Để làm được điều này bạn vào trang
Trang này sẽ cung cấp cho bạn rất nhiều mẫu đồng hồ đẹp:Đầu tiên ở giao diện chính mở ra.
Bạn click vào: Want a clock on your website để bắt đầu tạo. Tiếp theo, bạn hãy lựa mẫu đồng
hồ mà bạn thích, có rất nhiều mẫu cho bạn lựa chọn:* Newest: Ở đây là những mấu đồng hồ
mới nhất:* Analog: Đồng hồ có dạng như đồng hồ treo tường* Animal: Đồng hồ có nền là
những động vật rất dễ thương* Animation: Đồng hồ có nền là những động vật chuyển động*
4
Vũ Văn Hoan - Trường THCS Thái Thủy
Count Down & Up: Đồng hồ dạng đếm tăng & giảm* Dark Backgrounds: Đồng hồ có nền
màu đen có phong cách mạnh mẽ:* Digital: Đồng hồ kỹ thuật số* Holidays:Đồng hồ theo
ngày lễ* Logo & Custom: Logo và các tùy chọn* Seasons: Đồng hồ theo các mùa* Sports:
Đồng hồ có dạng thể thao* Wallpaper: Đồng hồ có nền trên desktopSau khi đã chọn cho mình
một mẫu đồng hồ ưng ý nhất, bạn hãy nhấp vào: View HTML tag, rồi tiếp tục nhấp vào:
Accept để tiếp tục. Ở cửa sổ mới tạo ra: -Bạn chọn màu cho đồng hồ của mình ở Color:- Chọn
múi giờ ở Timezone: Tại đây, để hiển thị đúng giờ Việt Nam, bạn chọn ICT Bangkok Time
(GTM + 7) hoặc GMT + 7 -Tiếp tục chọn kích thước cho đồng hồ ở phẩn Size. Có 3 cỡ cho
bạn lựa chọn là 150x150, 200x200 và 250x250. Bạn cũng có thể thay đổi size ở phần code.
Sau khi đã thiết lập xong các tùy chọn, việc cần làm tiếp theo là bạn hãy copy đoạn code ở ô
phía dưới và paste vào phần viết bài của Opera. Nếu xài blog của trang khác, bạn hãy paste
vào phần viết bài có hỗ trợ mã HTML Xong rồi, giờ bạn xem thử kết quả (ở trên)
Chúc các bạn thành công
5
