"Các kiểu chữ chạy trên blog"

(Traidatmui.com) - Để làm cho blog bạn thêm đẹp mắt hơn hoặc là làm cho đoạn văn bản quá dài chiếm chỉ một phần nhỏ không gian trên blog. Bạn có thể có nhiều cách, tuy nhiên cách tạo chữ chạy cũng khá hay và tiện ích. Mình xin chia sẽ cùng với các bạn một số code làm chữ chạy với nhiều kiểu khác nhau. Dưới đây là các kiểu chữ chạy hữu ích cho blog hay wed bạn

1.Chữ chạy sang trái
Welcom to Blog Vdinh
<marquee direction="left">Welcom to Blog Vdinh</marquee>

2. Chữ chạy sang phải
Welcom to Blog Vdinh
<marquee direction="right">Welcom to Blog Vdinh</marquee>

3.Chữ chạy qua lại
Welcom to Blog Vdinh
<marquee behavior="alternate">Welcom to Blog Vdinh</marquee>

4. Chữ chạy dưới lên
Welcom to Blog Vdinh
<marquee direction="up">Welcom to Blog Vdinh</marquee>

5. Chữ chạy trên xuống
Welcom to Blog Vdinh
<marquee direction="down">Welcom to Blog Vdinh</marquee>

6. Chữ chạy lên xuống
Welcom to Blog Vdinh
<marquee direction="up" behavior="alternate">Welcom to Blog Vdinh</marquee>

7. Chữ bay hình sin
Welcom to Blog Vdinh
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Welcom to Blog Vdinh</marquee></marquee>

8. Chữ bay hình chữ Z
Welcom to Blog Vdinh
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Welcom to Blog Vdinh</marquee></marquee>

9. Mũi tên chạy ra
>>Welcom to Blog Vdinh<<
<marquee behavior="alternate" width="10%">>></marquee>Welcom to Blog Vdinh<marquee behavior="alternate" width="10%"><< </marquee>

10.Chữ có màu nền
Welcom to Blog Vdinh
<font ><marquee direction="left" style="background:BLUE">Welcom to Blog Vdinh</marquee></font>

11. Chữ có khung
Welcom to Blog Vdinh
<marquee style="border:BLUE 2px SOLID">Welcom to Blog Vdinh</marquee>

12. Chữ co dãn 1
>> Welcom to Blog Vdinh <<
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%"> </MARQUEE>Welcom to Blog Vdinh<MARQUEE scrollAmount=1 direction=right width="2%"> </MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>

13. Chữ co dãn 2
<< Welcom to Blog Vdinh >>
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%"> </MARQUEE>Welcom to Blog Vdinh<MARQUEE scrollAmount=1 direction=right width="2%"> </MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>

14. Chữ chạy và biến mất
Welcom to Blog Vdinh
<marquee behavior="alternate"><marquee width="150">Welcom to Blog Vdinh</marquee></marquee>

15.Chữ lơ lửng
Welcom to Blog Vdinh
Welcom to Blog Vdinh

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>Welcom to Blog Vdinh<br >Welcom to Blog Vdinh</center></marquee>

Bạn hãy thay dòng "Welcom to Blog Vdinh" thành đoạn text của bạn, và có thể kết hợp các kiểu chạy lại với nhau để có thêm kiểu hạy chữ đẹp mắt hơn.
Chúc bạn thành công

Xem khác cùng chủ đề

10 nhận xét | Viết lời bình

Admin
1/08/2011 03:55:00 SA Trả lời

Em chỉ việc thay code ảnh có dạng:
<img src="Link ảnh"/>
vào vị trí các dòng text ở trên, tương ứng cho từng kiểu chạy em cân.

Thay Link ảnh thành link của ảnh bạn muốn nó chạy (Ví dụ: http://lh5.ggpht.com/_BTztXRwC9ik/TK01nHij9rI/AAAAAAAAEHQ/3Y56L6TFT5E/exlogo.png). Thân!

9/05/2011 08:32:00 SA Trả lời

Cho mình hỏi cách đưa link vào ảnh trong thủ thuật trên, tức là mình thay text bằng ảnh. Sau đó muốn cái ảnh đó đại diện cho 1 bài viết, hoặc 1 label j đó. Khi người khác click chuột vào thì sẽ chuyển hướng đến nơi mà mình muốn.

Admin
9/05/2011 08:39:00 SA Trả lời

Bạn chỉ cần thay phần text ở trên thành <a href="URL"><img src="Link ảnh"/></a>

URL: Link bạn muốn trỏ tới khi click vào ảnh và thay link ảnh của bạn.

9/05/2011 08:44:00 SA Trả lời

Cảm ơn bạn nhiều nha! trang này nhiều thủ thuật hay quá, phát huy nhé đất mũi!

Admin
9/05/2011 08:50:00 SA Trả lời

Mình cũng đang cố gắng, hy vọng được mọi người cùng tiếp sức. lleu

9/05/2011 08:57:00 SA Trả lời

Nhân tiện bạn cho mình hỏi cách đưa code vào trong bài viết với. Mình biết cách mã hóa code đó rồi, tức vào một trang nào đó nhờ nó mã hóa giùm. Nhưng đưa code vào 1 khung, trang trí khung đó, như bạn sử dụng để post các thủ thuật của bạn lên thì mình không biết. Xin bạn chỉ giáo.

Admin
9/05/2011 09:07:00 SA Trả lời

Bạn có thể tham khảo bài viết tạo khung chứa code có đánh số đầu dòng tại đây Hoặc nếu muốn sử dụng khung như của mình thì bạn làm như sau

Chèn code CSS bên dưới vào trước thẻ ]]></b:skin>
.codeview {
text-align:left;
margin : 2px 0px 2px 0px;
padding : 5px 10px 5px 10px;
clear : both;
list-style-type : none;
background : #fbfbd5 url(https://lh4.googleusercontent.com/-o7IFCZCUNmY/Tjlk-uxgkyI/AAAAAAAAItE/93LuycylTTU/framecode%252520copy.png) no-repeat right bottom;
border:2px solid #f80;
}
Và trong bài viết bạn muốn thêm code thì mã hóa nó và cho nó nằm giữa thẻ DIV như bên dưới

<div class="codeview">

Code của bạn ở đây

</div>

9/05/2011 09:28:00 SA Trả lời

đã thử nhưng vẫn không được là sao? trước mình có xem thủ thuật này bên fandung, tới ba giao diện lận nhưng cả ba đem vào blog mình thử đều không được. Bây giờ mình làm giống như bạn hướng dẫn cũng không được, không có khung trang trí gì cả? mình có sai ở bước nào hok ta?

Admin
9/05/2011 07:20:00 CH Trả lời

Thứ nhất code bạn nên được mã hóa trước khi chèn vào bài viết.

Thức hai code bạn phải được đặt trong thẻ

<div class="codeview">

Code của bạn ở đây

</div>

như ở trên. Nếu đúng như vậy thì nó sẽ hiển thị được thôi bạn

Nặc danh
9/07/2011 12:35:00 SA Trả lời

@Hoàng Đức Hoài không đc thì bỏ đi

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang