Chắc hẳn khi là một người làm web, viết blog.. thì ai cũng muốn làm đẹp cho web của mình và mang phong cách riêng. Đương nhiên điều này là hoàn toàn chắc chắn, bởi yếu tố đẹp và giao diện dễ nhìn cũng là điều quan trọng để SEO hiệu quả. Hôm nay mình sẽ tổng hợp một vài code tạo các đoạn chữ chạy cho các bạn tham khảo và áp dụng về blog của mình.
Hướng Dẫn Thực Hiện
1. Chữ chạy ngang từ phải sang trái.
<marquee>Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
2. Chữ chạy ngang từ trái qua phải.
<marquee direction="right">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
3. Chữ chạy từ trên xuống dưới.
<marquee direction="down">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
4. Chữ chạy từ dưới lên trên.
<marquee direction="up">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
5. Chữ chạy qua lại:
<marquee behavior="alternate">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
6. Chữ đứng, mũi tên 2 bên chạy ra vào.
<marquee behavior="alternate" width="10%">>></marquee>Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT<marquee behavior="alternate" width="10%"><< </marquee>
Demo:
Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT
7. Chữ chạy có màu nền.
<font ><marquee direction="left" style="background:green">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee></font>
Demo:8.Chữ chạy có khung xung quanh.
<marquee style="border:red 4px SOLID">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:9. Chữ chạy và biến mất.
<marquee behavior="alternate"><marquee width="200">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee></marquee>
Demo:
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee>
Demo:
11. Chữ chạy biến mất (thay đổi được font chữ, size chữ, màu chữ, in đậm chữ).
<marquee behavior="alternate"><marquee width="150"><font size="50" face="Arial" color="#090101"><blink><b>Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</b></blink></font></marquee></marquee>
Demo:
Chú ý:
- Các thuộc tính sau các bạn tự thay đổi theo ý của mình:
- Thẻ mở và đóng <b> </b> : để in đậm chữ muốn chạy
- font size="50" : điều chỉnh kích thước chữ
- Arial : kiểu font chữ
- 090101 : mã màu trong bảng mã màu html
12. Chữ chạy hình sin.
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Chào Mừng Các Bạn Đến Với Blog Quý Khánh IT</marquee></marquee>
Demo:
Chú Ý
- Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé (Mình thấy đa phần trình soạn thảo trên các hệ thống Blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không)
Chúc các bạn thành công!
Không có nhận xét nào:
Đăng nhận xét