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

Điểm 4.6/5 dựa vào 87 đánh giá

(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

Loading...

10 nhận xét

  1. 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!

    Trả lờiXóa
  2. 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.

    Trả lờiXóa
  3. 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.

    Trả lờiXóa
  4. 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!

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

    Trả lờiXóa
  6. 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.

    Trả lờiXóa
  7. 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>

    Trả lờiXóa
  8. đã 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?

    Trả lờiXóa
  9. 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

    Trả lờiXóa