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

Cách tạo hiệu ứng cho trang web

3 511 2

Đ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 3
Dung lượng 41,5 KB

Nội dung

Cách trang trí cho trang web bằng các code hiệu ứng 1 Chữ New nhấp nháy: Bạn chỉ cần copy đoạn code sau vào sau tiêu đề của bài viết là được.. Đoạn code gồm: 2 Chèn đồng hồ nhỏ xinh: Đồ

Trang 1

Cách trang trí cho trang web bằng các code hiệu ứng 1) Chữ New nhấp nháy:

Bạn chỉ cần copy đoạn code sau vào sau tiêu đề của bài viết là được Đoạn code gồm:

<img src="http://freewebs.com/dophuongoanh/new.gif">

2) Chèn đồng hồ nhỏ xinh:

Đồng hồ loại tròn Mã code:

<embed

src="http://www.clocklink.com/clocks/0034-orange.swf?TimeZone=ICT&"

width="120" height="120" wmode="transparent" type="application/x-shockwave-flash">

Đồng hồ đeo tay Mã code:

<embed

src="http://www.clocklink.com/clocks/0033-black.swf?TimeZone=ICT&"

width="100" height="180" wmode="transparent" type="application/x-shockwave-flash">

4) Chữ chạy trong trang Web, blog:

Bạn cần chỉnh sửa nội dung cho phù hợp theo mong muốn của mình

a) dạng đơn giản (Chạy từ phải sang trái)

<marquee >Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn mã Code trang trí cho Web hay Blog</marquee>

b) Chạy từ trái sang phải

<marquee Direction="Right">Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn mã Code trang trí cho Web hay Blog</marquee>

c) Chạy dưới lên

<marquee Direction="Up">Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

d) Chạy từ trên xuống

Trang 2

<marquee Direction="Down">Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn mã Code trang trí cho Web hay Blog</marquee>

e) Chạy qua chạy lại

<marquee Behavior="Alternate">Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một

số đoạn mã Code trang trí cho Web hay Blog</marquee>

5) Chữ chạy có màu nền Ví dụ:

a) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Yellow>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn mã Code trang trí cho Web hay Blog</marquee>

b) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Red>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

c) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Blue>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

d) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Green>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

e) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Pink>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

f) Nền màu vàng và chữ chạy từ phải sang trái

<marquee Bgcolor=Orange>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn mã Code trang trí cho Web hay Blog</marquee>

g) Nền màu vàng và chữ chạy từ phải sang trái

Trang 3

<marquee Bgcolor=Violet>Ngọc Kính chia sẻ cùng thầy, cô và bạn bè một số đoạn

mã Code trang trí cho Web hay Blog</marquee>

Chú ý : Thay Yellow bằng các từ khác để được màu theo ý muốn của bạn Ví dụ: Red (Màu đỏ), Blue (Màu xanh da trời), Green (Màu xanh lá cây), Pink (Màu hồng), Orange (Màu cam), Violet (Màu tím), Black (Màu đen)

5) Chữ chạy có màu nền và màu font

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</marquee></span></Times New Roman>

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="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span

></marquee> <marquee style="z-index: 1; left: 191px; width: 30px; position: absolute; top: -231px; height: 1000px;" scrollamount="5" direction="down"><span class="falling1"><img

src="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span

></marquee>

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

Ngày đăng: 06/11/2015, 02:04

TỪ KHÓA LIÊN QUAN

w