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

code chèn ảnh làm baner

2 174 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 2
Dung lượng 32,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

Việc tạo một banner trên đầu blog giúp cho blog được đẹp hơn, sau đây là những cách giúp bạn có một banner hoàn hảo hơn 1/ Chèn ảnh làm banner Cách đơn giản nhất là dùng ảnh làm banner p

Trang 1

Việc tạo một banner trên đầu blog giúp cho blog được đẹp hơn, sau đây là những cách giúp bạn

có một banner hoàn hảo hơn

1/ Chèn ảnh làm banner

Cách đơn giản nhất là dùng ảnh làm banner phía đầu blog.Sau đây là code:

<img src=”Linh ảnh” >

Trên là code chèn ảnh đơn giản, nếu các bạn muốn chèn hình ảnh mà nó to quá không hợp thì dùng code sau:

<img src="Link ảnh" width=920 height=300>

Width và height bạn thay đổi phù hợp đối với blog của mình.

Nếu các bạn muốn chèn link banner đến 1 địa chỉ nào đó, các bạn dùng code sau:

</head><body><ahref="Link đến địa chỉ của bạn"><img

style="border: 0px solid ; width: 533px; height: 400px;" alt=""

src="Link ảnh"></a></body>

Hoặc các bạn có thể dùng code sau, ngoài chèn ảnh nó có thể chèn thêm thông điệp trên bức ảnh:

<table background="Link Ảnh Nền" border="1"><tr><td>Nội Dung

thông điệp</tr></td></table>

border="1" bạn có thể thay bằng 0 để không hiển thị khung.Cũng tương tự đó các bạn có thể thay bằng 2,3,4 tùy thích

2/Banner có thêm hiệu ứng Flash

Đây là code:

Trang 2

<table><tbody><tr><td style="border: 2px solid rgb(180, 4, 4); background:

transparent url(Link_ảnh) repeat ; clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: X1;"><embed

type="application/x-shockwave-flash" allowscriptaccess="never"

src="http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf? link=Link_Flash" wmode="transparent" height="Y"

width="X2"></td></tr></tbody></table>

nguồn code: Lee'Blog

Lưư ý độ dài và rộng của flash không được to hơn hình ảnh

Các thông số:

2px : Độ dày của viền bao quanh, nếu không muốn có viền thì thay bằng 0px

Link_ảnh : Thay Link ảnh bạn muốn làm hiệu ứng

Link_Flash : Thay Link Flash muốn làm hiệu ứng

X1, X2 : 2 thông số này nên bằng nhau và bằng chiều rộng của Link ảnh.

Y : Chiều cao Link ảnh

repeat : Tính lặp lại của ảnh ( nếu không muốn lặp lại thì thay bằng no-repeat

3/Banner tổng hợp nâng cao

Chúng ta sẽ chèn ảnh kết hợp với chèn nhạc bên cạnh, việc đó sẽ tạo cho banner của chúng ta bắt mắt hơn

Đây là code:

<body><table style="width: 920px; height: 300px;" background="Link

Ảnh" border="0"><tbody> <tr> <td style="vertical-align: top;"> <table

style="text-align: left; width: 910px; height: 290px;"border="0"

cellpadding="0" cellspacing="0"> <tbody> <td style="vertical-align: top;

height: 300px; width: 700px;">Linh ảnh</td> <td

style="vertical-align: top; height: 300px; width: 220px;">Code chèn

nhạc</td></tr></tbody></table></td></tr></tbody></table>

Ở phần Code chèn nhạc các bạn sử dụng code chèn nhạc bình thường.Chú ý nên để height: 300px; width: 220px cho khung nhạc

Source from vietnam 360plus forum, Cui bap

Ngày đăng: 06/06/2015, 12:00

TỪ KHÓA LIÊN QUAN

w