những đoạn chữ hay bằng javascript và HTML

Trang ChínhLatest imagesTìm kiếmĐăng kýĐăng Nhập


Welcome to Forums Haku
Chào mừng các bạn đến với diễn đàn
Chúc các bạn có những giờ phút thư giãn thoải mái tại diễn đàn
Chúc các bạn luôn thành công trong cuộc sống

<--Code by Admin Haku -->

Share|
Tiêu đề

những đoạn chữ hay bằng javascript và HTML

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp

Admin
Member
Admin

Tổng bài gửi : 1074
Được Cảm Ơn : 538
Đến từ : Hà Ná»™i
Tài năng của Admin
Hạng: Member
Level:1074
Tài năng:/300


Tài Sản
Huân Chương: PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

Bài gửiTiêu đề: những đoạn chữ hay bằng javascript và HTML những đoạn chữ hay bằng javascript và HTML  3e45c23a204Thu May 17, 2012 3:35 pm

những đoạn hay bằng javascript và HTML

Code:
[SIZE="6"][COLOR="Blue"]Tạo hiệu ứng cho chữ ký, e-mail, trang Web..[/COLOR][/SIZE]
Mỗi bức thư là những tâm tư tình cảm mà bạn gởi gấm vào đó, và phần nào phản ánh tính cách của bạn. Đôi khi ta thường xao lãng cách trình bày bức thư nhưng thực tế nó lại mang một ý nghĩa khá quan trọng. Dưới đây là một số hiệu ứng giúp cho lá thư của bạn trở nên sinh động hơn, ấn tượng hơn. Ngoài ra bạn cũng có thể áp dụng hiệu ứng này cho chữ ký trong các diễn đàn hay cho trang Web của mình.

Trang trí thư trong Outlook Express: bấm nút New Mail để soạn thư mới. Trong màn hình soạn thư bạn vào menu View\ Source Edit. Cuối màn hình sẽ xuất hiện 3 thẻ: Edit, Source, Preview. Bấm chọn thẻ Source để vào chế độ biên soạn mã nguồn. Xoá tất cả nội dung trong khung soạn thảo và nhập vào đoạn mã được cung cấp. Sau khi nhập xong bạn bấm chọn thẻ Preview để xem trước các hiệu ứng của mình. Nếu thấy ưng ý hãy bấm nút Send để gởi đi.

Trang trí Web: Mở trang Web cần trang trí bằng MS Frontpage, bấm nút HTML ở cuối màn hình để soạn thảo mã nguồn. Chèn đoạn mã vào giữa hai thẻ <body> và </body>. Muốn xem hiệu ứng tạo thành bạn cho Frontpage chuyển sang chế độ Preview (bấm nút Preview).

Trang trí cho chữ ký trong các diễn đàn: Lấy ví dụ là diễn đàn e-CHÍP (http://diendan.vietnamnet.vn/echip). Sau khi đăng nhập bằng tài khoản của mình, bạn bấm vào liên kết Hồ sơ cá nhân, trang Thông tin cá nhân sẽ mở ra. Tại mục Tạo chữ ký mới, bạn nhập vào đoạn mã được cung cấp, sau đó bấm nút Cập nhật thông tin. Vậy là từ giờ trở đi dưới mỗi bài viết của bạn trên diễn đàn đều được kèm theo chữ ký nhảy múa, rất sinh động và khỏi sợ bị “đụng hàng”.

Lưu ý: Bạn có thể thay những chữ in đậm trong đoạn mã bằng những chữ bạn thích. Có thể tải các đoạn mã sau tại www.echip.com.vn.



1. Chữ I LOVE YOU khiêu vũ



Từng ký tự trong chữ I LOVE YOU dao động qua lại, khi đụng với ký tự bên cạnh sẽ bật ngược trở lại.



<p align="center"><b><font face="VNI-Cooper" color="#FF0000" size="6">



<marquee scrollamount="15" width="10%" behavior="alternate">I</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">L</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">O</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">V</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">E</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">Y</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">O</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">U</marquee>



</marquee></font></b></p>




2. Chữ được xếp từ nhiều hình trái tim



Nhiều hình trái tim rơi từ trên xuống và xếp lại thành chữ LOVE, trông rất lãng mạn. Bạn có thể dùng hiệu ứng này trong thư gửi “người ấy”, nó sẽ giúp bạn nói thay những lời muốn nói.



<center>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YY&nb sp;Y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YYYY</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;Y</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;&nbsp;Y&nbsp;&nbsp;Y&nbsp;&nbsp;YYY</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;&nbsp;&nbsp;YY&nbsp;&nbsp;&nbsp;Y</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>YYY&nbsp;YY&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;Y&nbsp;&nbsp;&nbsp;&nbsp;YYY</font></marquee>

</center>




3. Hiệu ứng đèn chớp nháy



Hiệu ứng sau sẽ tạo chữ chớp nháy và chạy giống như đèn trang trí.



<p align="center"><font face="Impact" color="#FF0000" size="6">



<marquee scrollamount="30" width="32" behavior="slide"

loop="9000">I</marquee>



&nbsp;



<marquee scrollamount="40" width="32" behavior="slide"

loop="9000">L</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">O</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">V</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">E</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">Y</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">O</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">U</marquee>



&nbsp;



</font></p>




4. Chữ đổ hào quang



Dòng chữ I LOVE YOU đổ hào quang và chạy từ phải sang trái, khi gặp biên màn hình sẽ bật trở lại. Trông cũng thú vị đấy chứ?



<table border="2" cellpadding="0" cellspacing="0"

style="border-collapse: collapse" bordercolor="#800000" width="500" bgcolor="#FFFFFF">

<tr>

<td width="100%">

<marquee behavior=alternate><TABLE

STYLE="filter:glow(color=blue,

strength=5)">

<TR><TD><center>

<font face=arial size=4 color=aqua>I LOVE YOU</font></td></tr></TABLE></marquee></td>

</tr>

</table>




5. Hiệu ứng chữ hào quang nhảy múa







Hiệu ứng sau đây sẽ làm e-mail hay trang Web của bạn sinh động hơn với dòng chữ I LOVE YOU đổ hào quang và nhảy múa.



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125" ><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>I</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15 color=aqua>L</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>O</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>V</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>E</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>Y</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125" ><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>O</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>U</font></td></tr></TABLE></marquee>




6. Chữ nhiều màu nhảy múa







Những dòng chữ đầy màu sắc mang phong cách “xì tin” nhảy múa trên màn hình, chắc chắn sẽ để lại một ấn tượng khó quên cho “người ấy”.



<font size=15><FONT COLOR=#AB0457><SUB><marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>I</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#D5042D><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>L</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#820481><SUP> <marquee scrollamount="7"

width="5%" behavior="alternate" direction="up"

>O</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#5805AB><SUP> <marquee scrollamount="7"

width="5%" behavior="alternate" direction="up"

>V</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#FF0404><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>E</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#2E05D5><SUB> <marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>Y</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#5805AB><SUB> <marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>O</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#820481><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>U</marquee></SUP></FONT></FONT>




Tạo hiệu ứng cho chữ ký, e-mail, trang Web...

Mỗi bức thư là những tâm tư tình cảm mà bạn gởi gấm vào đó, và phần nào phản ánh tính cách của bạn. Đôi khi ta thường xao lãng cách trình bày bức thư nhưng thực tế nó lại mang một ý nghĩa khá quan trọng. Dưới đây là một số hiệu ứng giúp cho lá thư của bạn trở nên sinh động hơn, ấn tượng hơn. Ngoài ra bạn cũng có thể áp dụng hiệu ứng này cho chữ ký trong các diễn đàn hay cho trang Web của mình.

Trang trí thư trong Outlook Express: bấm nút New Mail để soạn thư mới. Trong màn hình soạn thư bạn vào menu View\ Source Edit. Cuối màn hình sẽ xuất hiện 3 thẻ: Edit, Source, Preview. Bấm chọn thẻ Source để vào chế độ biên soạn mã nguồn. Xoá tất cả nội dung trong khung soạn thảo và nhập vào đoạn mã được cung cấp. Sau khi nhập xong bạn bấm chọn thẻ Preview để xem trước các hiệu ứng của mình. Nếu thấy ưng ý hãy bấm nút Send để gởi đi.

Trang trí Web: Mở trang Web cần trang trí bằng MS Frontpage, bấm nút HTML ở cuối màn hình để soạn thảo mã nguồn. Chèn đoạn mã vào giữa hai thẻ <body> và </body>. Muốn xem hiệu ứng tạo thành bạn cho Frontpage chuyển sang chế độ Preview (bấm nút Preview).

Trang trí cho chữ ký trong các diễn đàn: Lấy ví dụ là diễn đàn e-CHÍP (http://diendan.vietnamnet.vn/echip). Sau khi đăng nhập bằng tài khoản của mình, bạn bấm vào liên kết Hồ sơ cá nhân, trang Thông tin cá nhân sẽ mở ra. Tại mục Tạo chữ ký mới, bạn nhập vào đoạn mã được cung cấp, sau đó bấm nút Cập nhật thông tin. Vậy là từ giờ trở đi dưới mỗi bài viết của bạn trên diễn đàn đều được kèm theo chữ ký nhảy múa, rất sinh động và khỏi sợ bị “đụng hàng”.

Lưu ý: Bạn có thể thay những chữ in đậm trong đoạn mã bằng những chữ bạn thích. Có thể tải các đoạn mã sau tại www.echip.com.vn.



1. Chữ I LOVE YOU khiêu vũ



Từng ký tự trong chữ I LOVE YOU dao động qua lại, khi đụng với ký tự bên cạnh sẽ bật ngược trở lại.



<p align="center"><b><font face="VNI-Cooper" color="#FF0000" size="6">



<marquee scrollamount="15" width="10%" behavior="alternate">I</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">L</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">O</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">V</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">E</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">Y</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate">O</marquee>



<marquee scrollamount="15" width="10%" behavior="alternate"

direction="right">U</marquee>



</marquee></font></b></p>




2. Chữ được xếp từ nhiều hình trái tim



Nhiều hình trái tim rơi từ trên xuống và xếp lại thành chữ LOVE, trông rất lãng mạn. Bạn có thể dùng hiệu ứng này trong thư gửi “người ấy”, nó sẽ giúp bạn nói thay những lời muốn nói.



<center>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YY&nb sp;Y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YYYY</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;Y</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;&nbsp;Y&nbsp;&nbsp;Y&nbsp;&nbsp;YYY</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>Y&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbs p;Y&nbsp;&nbsp;&nbsp;YY&nbsp;&nbsp;&nbsp;Y</font></marquee>

<marquee direction=down scrollamount=1 height=15><font face=webdings

size=3

color=#ff0000>YYY&nbsp;YY&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;Y&nbsp;&nbsp;&nbsp;&nbsp;YYY</font></marquee>

</center>




3. Hiệu ứng đèn chớp nháy



Hiệu ứng sau sẽ tạo chữ chớp nháy và chạy giống như đèn trang trí.



<p align="center"><font face="Impact" color="#FF0000" size="6">



<marquee scrollamount="30" width="32" behavior="slide"

loop="9000">I</marquee>



&nbsp;



<marquee scrollamount="40" width="32" behavior="slide"

loop="9000">L</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">O</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">V</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">E</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">Y</marquee>



&nbsp;



<marquee scrollamount="30" width="32" loop="9000"

behavior="slide">O</marquee>



&nbsp;



<marquee scrollamount="40" width="32" loop="9000"

behavior="slide">U</marquee>



&nbsp;



</font></p>




4. Chữ đổ hào quang



Dòng chữ I LOVE YOU đổ hào quang và chạy từ phải sang trái, khi gặp biên màn hình sẽ bật trở lại. Trông cũng thú vị đấy chứ?



<table border="2" cellpadding="0" cellspacing="0"

style="border-collapse: collapse" bordercolor="#800000" width="500" bgcolor="#FFFFFF">

<tr>

<td width="100%">

<marquee behavior=alternate><TABLE

STYLE="filter:glow(color=blue,

strength=5)">

<TR><TD><center>

<font face=arial size=4 color=aqua>I LOVE YOU</font></td></tr></TABLE></marquee></td>

</tr>

</table>




5. Hiệu ứng chữ hào quang nhảy múa







Hiệu ứng sau đây sẽ làm e-mail hay trang Web của bạn sinh động hơn với dòng chữ I LOVE YOU đổ hào quang và nhảy múa.



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125" ><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>I</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15 color=aqua>L</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>O</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>V</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>E</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>Y</font></td></tr></TABLE></marquee>



<marquee scrollamount="5" width="7%" behavior="alternate"

direction="up" scrolldelay="125" ><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>O</font></td></tr></TABLE></marquee>



<marquee scrollamount="6" width="7%" behavior="alternate"

direction="up" scrolldelay="130"><TABLE STYLE="filter:glow(color=BLACK,

strength=5)"> <TR><TD><center> <font face=arial size=15

color=aqua>U</font></td></tr></TABLE></marquee>




6. Chữ nhiều màu nhảy múa







Những dòng chữ đầy màu sắc mang phong cách “xì tin” nhảy múa trên màn hình, chắc chắn sẽ để lại một ấn tượng khó quên cho “người ấy”.



<font size=15><FONT COLOR=#AB0457><SUB><marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>I</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#D5042D><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>L</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#820481><SUP> <marquee scrollamount="7"

width="5%" behavior="alternate" direction="up"

>O</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#5805AB><SUP> <marquee scrollamount="7"

width="5%" behavior="alternate" direction="up"

>V</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#FF0404><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>E</marquee></SUP></FONT></FONT>



<font size=15><FONT COLOR=#2E05D5><SUB> <marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>Y</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#5805AB><SUB> <marquee scrollamount="9"

width="5%" behavior="alternate" direction="up"

>O</marquee></SUB></FONT></FONT>



<font size=15><FONT COLOR=#820481><SUP> <marquee scrollamount="8"

width="5%" behavior="alternate" direction="up"

>U</marquee></SUP></FONT></FONT>


Hãy cám ơn bài viết của Admin bằng cáh bấm vào "" nhe!!!

Về Đầu Trang Go down

https://haku.forumvi.net

Tiêu đề

những đoạn chữ hay bằng javascript và HTML

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
Forum Häkü Cộng Đồng Chém Gió :: CONG NGHE THONG TIN :: Thế giới blog, Forum-