Khai thác một số thẻ HTML trong diễn đàn

by carolinejudith Fri Sep 02, 2011 10:44 am

Bạn có thể dùng vài thẻ HTML

Diễn đàn cung cấp cho bạn giao diện soạn thảo RTF nhưng lại thiếu một số tool "biến hóa". Do đó quyền năng của bạn bị giới hạn. Dĩ nhiên diễn đàn phải loại trừ những tool nguy hiểm như thẻ Script để phòng ngừa ý đồ xấu. Topic này sẽ giúp bạn cách khai thác vài thẻ HTML dùng trong thiết kế.
Đó là:
1- Thẻ MARQUEE
2- Thẻ IFRAME
3- Thẻ EMBED

Bài 1- Thẻ MARQUEE

Marquee là chữ chạy.
Diễn đàn ngăn cấm các lệnh event JavaSript trong thẻ Marquee vì sự an toàn cho người dùng.

I- Cú pháp mẫu của thẻ Marquee như sau:

Trong đó:
1- marquee là tên thẻ
2- width=XXX là bề ngang thẻ. Có thể chỉ định giá trị bằng pixel (mặc định) hay bằng % bề ngang trang viết. Nếu không chỉ định thì bề ngang mặc định là 100%
3- height=YYY chiều cao thẻ. Nếu không chỉ định ( bằng cách xóa hẳn thành phần style="") thì chiều cao mặc định là 1 dòng chữ theo font size. Nếu dùng kiểu chạy dọc thì buộc pah3i dùng tham số này.
4- direction là hướng chạy chữ. Nếu không chỉ định (bằng cách xóa hẳn thành phần direction="") thì hướng chạy chữ là left (từ phải sang trái)
* left : hướng sang trái . Thuộc kiểu chạy chữ ngang. Bạn có thể chạy 1 dòng chữ.
* right : hướng sang phải. Thuộc kiểu chạy chữ ngang. Bạn có thể chạy 1 dòng chữ. Muốn xuống dòng thì thêm thẻ br vào. Ít dùng.
* up: hướng lên trên. Thuộc kiểu chạy chữ dọc. Bạn phải chỉ định tham số height và width cho thích hợp. Muốn xuống dòng thì thêm thẻ br vào.
* down: hướng lxuống dưới. Thuộc kiểu chạy chữ dọc. Bạn phải chỉ định tham số height và width cho thích hợp. Muốn xuống dòng thì thêm thẻ br vào. Ít dùng
5- scrolldelay: Chỉ định khoảng thời gian giữa các đoạn text cuộn. Có tác dụng điều khiển thời gian. Nếu không chỉ định (bằng cách xóa hẳn thành phần scrolldelay="") thì scrolldelay=90
6- scrollamount: Chỉ định khoảng cách tính bằng pixels giữa các đoạn text cuộn: Chỉ định khoảng cách tính bằng pixels giữa các đoạn text cuộn. Nếu không chỉ định (bằng cách xóa hẳn thành phần scrollamount="") thì scrollamount=6
7- behavior="scroll/slide/alternate": Chỉ định kiểu chạy chữ. Nếu không chỉ định (bằng cách xóa thành phần behavior="") thì là kiểu scroll.
* scroll: là kiểu cuộn
* slide: là kiểu trình chiếu hiện tắt
* alternate: là kiểu lắc lư (đụng mép đối diện thì chạy trở lui).
8- bgcolor: là màu nền, hệ mã thập lục phân. Nếu không chỉ định (bằng cách xóa hẳn thành phần bgcolor="") thì bgcolor=#FFFFFF

II- Tùy biến

1- Bạn có thể thêm thẻ định dạng chữ (thẻ font) để chỉ định type, color, size vv...
- Thẻ Font bên trong thẻ Marquee cho phép định dạng từng phần văn bản khác nhau
- Thẻ Font bên ngoài thẻ Marquee đòi hỏi toàn thể văn bản cùng chung định dạng
2- Bạn có thể chèn hình vào thẻ Marquee. Kích thước hình nên nhỏ.
3- Bạn có thể tạo hyperlink.
4- Bạn có thể chèn thẻ embed. Nhưng rất nên hạn chế.
Thẻ Marquee mà làm rối mắt người xem thì đó là điều đại kỵ. Không nên lạm dụng.

III- 2 kiểu chữ chạy cơ bản

1- Kiểu chạy ngang, chỉ sử dụng các tham số mặc định
Code:

Marquee (đã định dạng màu chữ)
Kiểu chạy ngang, chỉ sử dụng các tham số mặc định

2- Kiểu chạy dọc với những tham số tối thiểu.

Kiểu chạy dọc:
1-Chỉ sử dụng những tham số tối thiểu
2- Xuống dòng bằng thẻ br
3- Có thể Chèn hình

http://www.hoasontrang.us/phorum/customavatars/avatar4475_1.gif

Code:

Các tham số là:
- width=height=252
- bgcolor="#FFCCFF"
- scrolldelay="100"
- scrollamount="2"
Bạn cần thêm scrolldelay="100" scrollamount="2" để tránh tốc độ chạy chữ quá nhanh (giống kiểu 1) gây nhức mắt.

Chúc bạn sử dụng Marquee cách hữu hiệu

-CAROLINE JUDITH-

by carolinejudith Fri Sep 02, 2011 5:06 pm

Thẻ IFRAME

Iframe (Nội khung) là khung bên trong bài viết. Iframe dùng để chèn một webpage vào trang hay một player (như player của Youtube).

Bạn sử dụng iframe khi muốn cho người dùng biết "mặt mũi" thực tế của trang web mà bạn muốn gớii thiệu. Hoặc đó là trang trình bày code mà diễn đàn có thể sẽ hiệu lực nó làm sai lạc code (ví dụ, một trang XML)
Một số trang web nhạc đã chuyển code cung cấp từ thẻ nhúng sang thẻ iframe nhúng media. Ví dụ, trang Youtube.

I- Cú pháp của thẻ iframe là:

Cách dùng:
1- Ghi chồng địa chỉ trang nguồn lên chuỗi PageUrl trong code.
2- Chỉ định giá trị cho tham số height theo pixel. Không bao giờ tính bằng %.
3- Chỉ định giá trị cho tham số width theo pixel. Có thể tính bằng % bề ngang trang viết.
4- có thể thêm tham số frameBorder="1" để chỉ định độ dày bờ. Không dùng thì xóa bỏ hẳn hoặc cho = 0.

Ví dụ, bạn muốn giới thiệu trang nhạc ở TKraoke (địa chỉ: http://lyric.tkaraoke.com/14186/Mua_Hoa_Anh_Dao.html#NgheNhac) . Thẻ iframe sẽ viết như sau:

Và hiển thị như thế này:

II- Khuyết điểm của thẻ iframe trên Ngạo Thi Đường

1- Một số trang web sẽ tự động thay trang khi người dùng đọc bài viết. Ví dụ, nếu bạn chèn iframe dẫn đến Nhaccuatui.com thì người xem không được đọc bài của bạn, vì bài của bạn tự động được thay bằng NCT. Điều này sẽ có lợi cho kẻ dụng ý xấu vì họ có thể reply cho bạn bằng 1 iframe thay thế trang có hiển thị bài của bạn.
Để tránh phá hỏng topic của mình, khi chèn iframe, bạn nên bấm Preview (xem trước). Nếu trang nguồn xuất hiện, bạn nhấn phím Backspase để quay về diễn đàn rồi hủy bỏ luôn việc chèn iframe.
2- Những kẻ xấu có thể chèn 1 iframe vào diễn đàn dẫn đến các trang web xấu (có mã độc, truyền virus hay phần mềm gián điệp tự đông chạy, hoặc web nóng).
3- Khó xử lý tham số width của iframe bằng mouse. Cách giải quyết duy nhất là xóa nó rồi viết lại thẻ iframe mới.

Chúc bạn khai thác tốt thẻ IFRAME

-CAROLINE JUDITH-

by carolinejudith Fri Sep 02, 2011 8:07 pm

Khai thác Thẻ EMBED

Embed là thẻ nhúng media. Bạn dùng thẻ này để chèn 1 player vào bên trong trang.
Đối tượng chèn là flash (tập tin swf).

1- Chèn 1 flash bất kỳ
Code nẫu:

Cách dùng:
- Ghi chồng đường dẫn của flash lên chuỗi LinkFlash
- Chỉ định tham số width và height
Ví dụ: http://vn.pijaja.com/Portals/0/UserFiles/User4204/03ya5.swf
Code nhúng là

Flash hiển thị như sau:

2- Flash chạy chữ

Code mẫu:

Cách dùng
- Ghi chồng đường dẫn flash lên chuỗi LinkFlash
- Ghi chồng nội dung của bạn lên chuỗi NoiDung trong code mẫu
- Tùy chỉnh width và height
Ví dụ link Flash là http://img682.imageshack.us/img682/2266/1281.swf
Nội Dung = Chữ chạy bằng flash
Code nhúng sẽ là:

Flash sẽ hiển thị như sau:

Dưới đây là danh sách flash chữ chạy
1- http://img186.imageshack.us/img186/6046/marxmas02rt9.swf - Màu Vàng đen
2- http://img186.imageshack.us/img186/2899/marxmas0101kc2.swf - Màu tím
3- http://img180.imageshack.us/img180/7132/halomar01nb5.swf - Màu Đen
4- http://img180.imageshack.us/img180/9690/halomar02kb5.swf - Bí ngô halowen
5- http://img186.imageshack.us/img186/3351/mardd01fs9.swf - Xanh lá giáng sinh
6- http://img180.imageshack.us/img180/6974/mardd02si8.swf - Xanh người tuyết
7- http://img511.imageshack.us/img511/8796/marbb01dk3.swf - Hồng lợn boo
8- http://img511.imageshack.us/img511/9596/marbb02ov6.swf - Hồng lợn boo 2
9- http://img511.imageshack.us/img511/6642/marbb03if8.swf - Xanh lợn boo
10- http://img389.imageshack.us/img389/7256/marbb04xj4.swf - Xanh lá lợn boo
11- http://img389.imageshack.us/img389/5301/marbb05mf0.swf - Vàng lợn boo

3- Các flash viết chữ ngắn

a- Code mẫu:

Cách dùng:
- Ghi chồng đường dẫn flash lên chuỗi FlashLink trong code mẫu
- Ghi chồng nội dung văn bản lên chuỗi NoiDung trong code mẫu

Ví dụ: với flash http://img17.imageshack.us/img17/5566/01httpvanhoaitk.swf thì code nhúng là:

Hiển thị như sau:

b- Danh sách các flash

1- http://img17.imageshack.us/img17/5566/01httpvanhoaitk.swf
2- http://img21.imageshack.us/img21/1889/02httpvanhoaitk.swf
3- http://img139.imageshack.us/img139/4300/03httpvanhoaitk.swf
4- http://img139.imageshack.us/img139/7563/04httpvanhoaitk.swf
5- http://img22.imageshack.us/img22/8135/06httpvanhoaitk.swf

4- Flash play nhạc

Loại này thì tôi đã viết nhiều

Chúc bạn thêm hào hứng với thẻ nhúng

-CAROLINE JUDITH-

by carolinejudith Sun Sep 04, 2011 10:04 am

I- Hiệu ứng Thun Giãn

Caroline -
Judith

Dùng 6 bộ code behavior=alternate và để tạo hiệu ứng này
1- Code chữ Ca:
2- Code chữ ro:
3- Code chữ line:
4- Code dấu gạch ngang:
5- Code chữ Ju:
6- Code chữ dith:

Đặt 6 bộ code này sát nhau (không dấu cách) sẽ thấy hiệu ứng

II- Hiệu Ứng Nhún Nhẩy cho chữ ký

Caroline - Judith

Dùng 6 bộ code behavior="alternate" và direction="up" để tạo hiệu ứng này
1- Code chữ Ca:
2- Code chữ ro:
3- Code chữ line:
4- Code dấu gạch ngang:
5- Code chữ Ju:
6- Code chữ dith:

Tham số scrolldelay="theo thứ tự là (100, 90, 80, 100, 90, 80)"
Đặt 6 bộ code này sát nhau (không dấu cách) sẽ thấy hiệu ứng

Chúc bạn sáng tác được nhiều hơn những hiệu ứng vui mắt và hiệu quả.

-CAROLINE JUDITH-

by Sponsored content

Khai thác một số thẻ HTML trong diễn đàn

Khai thác một số thẻ HTML trong diễn đàn

Bài 2 - Khai thác Thẻ IFRAME

Bài 3 - Thẻ EMBED

Ứng dụng Marquee làm Hiệu Ứng cho chữ ký

Re: Khai thác một số thẻ HTML trong diễn đàn