Vuilam Community Entertainment

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Vuilam Community Entertainment

Diễn Đàn Giải Trí Tổng Hợp

Latest topics

» Hướng dẫn làm nhiệm vụ GTA San AnDreas
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm

» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm

» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am

» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm

» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am

» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am

» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am

» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am

» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am

» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am

» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am

» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am

» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am

» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm

» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am


    19. Thêm một vài hiệu ứng đặc biệt

    Admin
    Admin
    Admin
    Admin
    Admin

    Cảnh Báo :
    19. Thêm một vài hiệu ứng đặc biệt Image-7CE0_4ECA73FD0 / 1000 / 10019. Thêm một vài hiệu ứng đặc biệt Image-7CE0_4ECA73FD

    Lý Do Vi Phạm : An Toàn Tuyệt Đối ^^
    Giới tính Giới tính : Nam Cung Sinh Cung Sinh : Cancer
    Posts Posts : 916
    SDPoints SDPoints : 43
    Thanked Thanked : 85
    Tham Gia Tham Gia : 03/09/2011
    Tuổi Tuổi : 26
    Đến từ Đến từ : HN TT HN
    Sở Thích Sở Thích : Nhiều Lắm Hìhì
    Châm Ngôn Sống Châm Ngôn Sống : Offline Dài Hạn

    Huy Hiệu
    Huy Hiệu:
    Trang Bị:
    Pet:
    15092011

    19. Thêm một vài hiệu ứng đặc biệt Empty 19. Thêm một vài hiệu ứng đặc biệt

    Bài gửi by Admin

    1. Tạo animated title. Chỉ dùng cho Nescape Navigator

    Animated title là làm dòng chữ chạy trên thanh tựa đề, nó có thể xuất hiện từng chữ cái trên thanh tựa đề và tiếp tục ẩn hiện. Nó được tạo ra bằng cách sử dụng nhiều tag TITLE. Nescape sẽ đọc từng cặp tag TITLE và cho hiển thị.
    Cấu trúc của một file HTML có dùng animated title như sau:

    <HTML>
    <HEAD>
    <TITLE>đánh vào chu cái đầu tiên của tựa đề</TITLE>
    <TITLE>đánh vào chữ cái tiếp theo của tựa đề</TITLE>
    ....lặp lại tag trên cho đến hết tựa đề của bạn thi thôi.
    </HEAD>
    </HTML>

    Ví dụ bạn muốn tạo ra một animated title là Animatied Title, nhưng mỗi lần xuất hiện 2 ký tự thì bạn viết đoạn mã sau:

    <HEAD>
    <TITLE>Animation Title</TITLE>
    <TITLE>Animation Tit</TITLE>
    <TITLE>Animation T</TITLE>
    <TITLE>Animation </TITLE>
    <TITLE>Animatio</TITLE>
    <TITLE>Animat</TITLE>
    <TITLE>Anim</TITLE>
    <TITLE>An</TITLE>
    <TITLE>An</TITLE>
    <TITLE>Anim</TITLE>
    <TITLE>Animat</TITLE>
    <TITLE>Animatio</TITLE>
    <TITLE>Animation </TITLE>
    <TITLE>Animation T</TITLE>
    <TITLE>Animation Tit</TITLE>
    <TITLE>Animation Title</TITLE>
    </HEAD>

    Tiếp tục trang web của bạn ở đây.

    </HTML>

    19.2. Khối văn bản nhấp nháy. Chỉ dùng trong Nescape.

    Trong Nescape ta có thể làm cho một khối văn bản nhấp nháy nhờ dùng tag <BLINK>. Vị trí của nó là ở giữa cặp tag <BODY>.

    Sau khi gõ tag <BLINK> bạn hãy gõ vào dòng hay khối văn bản cần nhấp nháy, ở đây, bạn có thể thay đổi các thuộc tính font chữ. ví dụ có thể nhấn mạnh bằng tag <B> hoặc in nghiêng <I> hay đổi màu chữ nhờ thuộc tính color trong tag <FONT> ...

    Cuối cùng bạn kết thúc phần văn bản đó bằng tag </BLINK>. Nếu bạn quên tag đóng thì toàn bộ phần văn bản sau đó sẽ nhấp nháy.

    Ví dụ: đoạn mã sau sẽ làm cho dòng chữ "Ðây là dòng chữ nhấp nháy" in nghiêng và nhấp nháy.

    <html>
    <head>
    <title>Blink Text trong Nescape</title>
    </head>

    <body>
    <BLINK><I>Ðây là dòng chữ nhấp nháy</I></BLINK>
    </body>
    </html>

    19.3. Một số yếu tố về liên kết. Chỉ dùng trong Internet Explorer.

    Các bạn hãy để ý, mọi liên kết đều có gạch chân hàng chữ. Vậy để cho nó mất gạch chân thì phải làm gì. Rất đơn giản thôi, chúng tôi xin giới thiệu thêm một tag khá đặc biệt nữa, hay được dùng trong Internet Eplorer, đó là tag <style>.

    Tag <style> có tag kết thúc giống mọi tag khác là </style>. Cặp tag này được đặt giữa hai tag <head> và </head> để định kiểu một số thành phần trong trang web.

    1. Nếu bạn muốn liên kết của bạn không có đường gạch chân thì bạn hãy đưa vào trong tag head đoạn mã sau:

    <style>A{Text-decoration:none } </style>

    2. Giả sử, khi di chuyển chuột qua liên kết, mà bạn muốn cả dòng liên kết biến sang màu khác đồng thời nó tự tăng cỡ font lên thì bạn hãy làm như sau:

    <style>A:hover{color:#XXXXXX; font-size=size } </style>

    Trong đó A:hover chỉ sự kiện di chuột qua liên kết.
    color : #XXXXXX là màu sắc của liên kết khi chuột nằm tại đó.
    font-size=size là cỡ của dòng liên kết khi chuột nằm tại đó. size có thể là một số hoặc các giá trị cỡ : 12pt, 13pt, 14pt,...

    Chú ý: giữa các thuộc tính color và font-size phải có dấu chấm phẩy, nếu không nó sẽ không có tác dụng. Bạn có thể dùng nhiều cặp tag <style>...</style>, mỗi cặp chỉ một sự kiện riêng hoặc chỉ cần dùng chung một cặp <style>, bên trong là các sự kiện :

    <style> A{Text-decoration:none }
    A:hover{color:#XXXXXX; font-size=size }
    </style>

    Ví dụ: Ðây là một địa chỉ rất quen thuộc, nó không được gạch chân nhưng là liên kết thực sự đấy, bạn hãy di chuột lên và click thử xem http://fita.hua.edu.vn/pttien

    Bây giờ đến lượt bạn thực hành rồi đấy. Hãy tạo ra một file html chung cho mọi tag đã học ở bài này. Sau cùng sử dụng hai trình duyệt Internet Explorer và Nescape Navigator để thử các hiệu ứng này.

    Chúc bạn thành công.
    • Về Đầu Trang
    Share this post on: reddit

    No Comment.
      Hôm nay: Sun Apr 28, 2024 4:59 am