Tạo chữ chạy sang ngang, lên trên, xuống dưới mượt mà thông qua cặp thẻ đơn giản, dễ làm.
Bạn từng thấy rất nhiều blogger hiện nay sử dụng các kiểu chữ chạy trên blog nhìn khá bắt mắt và chuyên nghiệp. Thật ra cơ chế tạo chữ chạy của các trang web đó rất đơn giản. Họ chỉ cần tùy biến thẻ <marquee> ... </marquee> chứa các dòng, đoạn chữ mà bạn cần chạy. Bài viết này namkna sẽ hướng dẫn các bạn chi tiết cách tùy biến và tạo chữ chạy với các kiểu đẹp cho blogger của bạn.
» Sau đây mình sẽ hướng dẫn chi tiết và cụ thể từng bước để làm các thủ thuật này các bạn chú ý và làm theo hướng dẫn nha:
Bạn có thể thêm vào một tiện ích HTML/Javascripts hoặc thêm vào phần HTML của bài viết tùy ý muốn và cách sử dụng của mỗi người;
Bạn có thể thêm vào một tiện ích HTML/Javascripts hoặc thêm vào phần HTML của bài viết tùy ý muốn và cách sử dụng của mỗi người;
1. Tạo một dòng chữ chạy đơn giản:
Đây là cách tạo một dòng chữ chạy đơn giản nhất bởi nó chưa hề được tùy biến gì tất cả chỉ là sơ khai:<MARQUEE> Dòng chữ chạy </MARQUEE>Kết quả hiện thị bạn sẽ được như sau:
2. Tạo dòng chữ chạy có định dạng
Bao gồm các kiểu định dạng như: kiểu chữ, font chữ, kích thước chữ, màu sắc,... Thậm chí bao gồm cả liên kết và hình ảnh....
» Mã in nghiêng và kèm theo một liên kết:<MARQUEE> <span style="font-style:italic;">Chào mừng bạn đến với <a href="http://namkna.blogspot.com/" target="_blank">Namkna!</a> </span></MARQUEE>Kết quả hiển thị:
» Kích thước chữ:
<MARQUEE> <span style="font-size:180%;">Chào mừng bạn đến với<a href="http://namkna.blogspot.com/" target="_blank">Thủ Thuật Cho Blogger!</a> </span> </MARQUEE>Kết quản hiển thị:
» Có chữ hay hình ảnh cùng chạy:
<marquee> Chào mừng bạn đến với <a href="http://namkna.blogspot.com/" target="_blank">Namkna </a> <img border="0" src="http://namkna.blogspot.com/favicon.ico" /> </marquee>Kêt quả hiển thị:
3. Định kích thước hiển thị MARQUEE trên trang
<MARQUEE WIDTH="20%">Chào mừng bạn đến với namkna</MARQUEE>Với WIDTH="20%" (chiều rộng) thì dòng chữ chạy chỉ xuất hiện trong khoảng 20% kích thước màn hình.
Kết quả hiển thị:
» Chiều chạy
<MARQUEE DIRECTION="LEFT">Chào mừng bạn đến với namkna</MARQUEE>
Bạn có thể thay LEFT bằng RIGHT, UP và DOWN nếu bạn muốn chiều chạy lần lượt từ bên phải qua, dưới lên và trên xuống
Kết quảDIRECTION="LEFT"
DIRECTION="RIGHT"
DIRECTION="UP"
DIRECTION="DOWN"
4. Cách "chạy":
<MARQUEE BEHAVIOR="SCROLL">Chào mừng bạn đến với Namkna</MARQUEE>Như mặc định, dòng chữ chạy này sẽ xuất hiện từ bên trái, và lập đi lập lại. Nếu bạn muốn chỉ "chạy" một lần từ bên trái qua hãy thay SCROLL bằng SLIDE, hoặc ALTERNATE chạy qua lại.
Kết quả hiển thị:
BEHAVIOR="SCROLL"
BEHAVIOR="SLIDE"
BEHAVIOR="ALTERNATE"
5. Thời gian trễ
<MARQUEE SCROLLDELAY=200>Chào mừng bạn đến với Namkna</MARQUEE>Ở đây thời gian trễ tính bằng mili giây (1 miligiây=1/1000 giây). Tôi chọn 200, nghĩa là thời gian trễ bằng 200/1000=0,2 giây
Kết quả hiển thị:
Hãy so sánh:
Không có thời gian trễ
SCROLLDELAY="100"
SCROLLDELAY="1000"
SCROLLDELAY="2000"
6. Số lần lặp
<MARQUEE LOOP=10>Chào mừng bạn đến với namkna.blogspot</MARQUEE>Nếu bạn muốn số lần lặp lại cụ thể, hay thay 10 bằng con số khác. Sau lần lặp cuối dòng chữ sẽ biến mất.
7. Bước "nhảy":
<MARQUEE SCROLLAMOUNT=30>Chào mừng bạn đến với namkna</MARQUEE>30 ở đây là số pixel (số điểm ảnh) trên màn hình của bạn. Mỗi lần xuất hiện dòng chữ sẽ "nhảy" một bước cách điểm trước đó 30 pixel. bạn có thể thay số 30 = số khác
Kết quả
8. Màu nền
<MARQUEE BGCOLOR=ORANGE>Chào mừng bạn đến với Namkna</MARQUEE>
- 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)....Kết quả:
- Cuối cùng Trong quá trình áp dụng nếu gặp bất kỳ khó khăn gì hãy comment ở bên dưới để mình hỗ trợ trực tiếp nha.
Tham quan du ngoạn từ Nam chí Bắc:
An Giang || Bà Rịa - Vũng Tàu || Bắc Giang || Bắc Kạn || Bạc Liêu || Bắc Ninh || Bến Tre || Bình Dương || Bình Định || Bình Phước || Bình Thuận || Cà Mau || Cao Bằng || Cần Thơ || Đà Nẵng || Đắk Lắk || Đắk Nông || Điện Biên || Đồng Nai || Đồng Tháp || Hà Giang || Hà Nam || Hà Tĩnh || Hải Dương || Hậu Giang || Hòa Bình || Hưng Yên || Khánh Hòa || Kiên Giang || Kon Tum || Lai Châu || Lâm Đồng || Lạng Sơn || Lào Cai || Long An || Về Miền Tây || Nam Định || Nghệ An || Ninh Bình || Ninh Thuận || Phú Thọ || Quảng Bình || Quảng Nam || Quảng Ngãi || Quảng Ninh || Quảng Trị || Sóc Trăng || Sơn La || Về Tây Nguyên || Tây Ninh || Thái Bình || Thái Nguyên || Thanh Hóa || Thừa Thiên Huế || Thành phố Hồ Chí Minh || Thủ Đô Hà Nội || Tiền Giang || Trà Vinh || Tuyên Quang || Vĩnh Long || Vĩnh Phúc || Yên Bái
|| || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || || ||
Bộ sưu tập ảnh hot:
Album nghệ thuật Dương Quốc Định Full || Albums Quang Linh || Ảnh chỉ có Việt Nam || Ảnh cưới Collection || Ảnh đẹp Phương Tây || Ảnh đẹp Victoria’s Sceret tổng hợp || Ảnh độc cười ra nước mắt || Ảnh giải trí Châu Á || Ảnh giải trí Hàn Quốc || Ảnh giải trí Nhật Bản || Ảnh giải trí Thái Lan || Ảnh giải trí Trung Quốc || Ảnh nền PC || Ảnh nghệ thuật 3D || Ảnh Nude || Hoa đẹp bốn mùa nên xem || Hoa hậu thế giới Collection || Hoa hậu Việt Nam Collection || Hoa Phong Lan || Thư viện ảnh || Thời sự qua ảnh || Tranh đẹp của họa sĩ nổi tiếng
0 nhận xét | Viết lời bình