1. Trang chủ
  2. » Giáo án - Bài giảng

code chim bay, ca lội

8 386 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

TH Ủ THUẬT TRANG TR Í WEBSITE CỦA MÌNH - Bạn chép đoàn này và nhúng vào HTML (chọn khối chức năng hay khối tuỳ bạn) - Bạn có thể xoá hoặc thay các địa chỉ mà bạn muốn (phần tô màu xanh…….) - Chỉnh sửa ngang rộng cao tuỳ thích(nếu cần) - Liên hệ: http:// phuoctienb. violet.vn/ CHIM BAY TRÊN MẶT BIỂN <html><HEAD><TITLE></TITLE></HEAD> <CENTER><h1><font color=red></font></h1></CENTER><hr> <body><font size=4> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTg1ODc1ODIx ODcmcHQ9MTI1ODU4NzYyMTc2NSZwPTM2MzYxJmQ9d2FmLXF1b3RlcyZnPTEmbz**ZjZlYjE* M2Q1OGY*NjEzYWQxNGM2YzIyNTJmMDJhYw==.gif" /><embed type="application/x-shockwave- flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.wishafriend.com/quotes/swf/life.swf" quality="high" width="340" height="300" swliveconnect="true" allowscriptaccess="samedomain" /></a> </font></body></html> CÁ BƠI <html><HEAD><TITLE></TITLE></HEAD> <CENTER><h1><font color=red></font></h1></CENTER><hr> <body><font size=4> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTg1ODc4Mzkz NzUmcHQ9MTI1ODU4Nzg4NTEyNSZwPTM2MzYxJmQ9d2FmLXF1b3RlcyZnPTEmbz**ZjZlYjE* M2Q1OGY*NjEzYWQxNGM2YzIyNTJmMDJhYw==.gif" /><embed type="application/x-shockwave- flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.wishafriend.com/quotes/swf/life2.swf" quality="high" width="340" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br><a </font></body></html> Tạo lịch tường theo phong cách cá nhân Calendakiara(http://www.calendarika.com ) là trang web giúp bạn tạo một tờ lịch mang phong cách cá nhân với hình nền tùy chọn, dùng giao diện có sẵn nên rất nhanh chóng và dễ dàng trong thao tác. Quá trình tạo tờ lịch gồm 3 bước: Bước 1: Chọn khuôn mẫu Sau khi truy cập vào trang chủ, bạn nhấn chuột trái vào một khung hình minh họa cho khuôn mẫu của tờ lịch để chọn dùng. Hiện tại dù chỉ mới có 14 bộ khuôn được đưa lên, nhưng tất cả đều rất bắt mắt, đáng để bạn dùng thử. Chọn xong, nhấn nút Next Step 2. Bước 2: Tùy chọn hình Ở bước này, bạn phải bấm vào hai nút Upload để tải lên máy chủ hai bức ảnh cá nhân và chèn vào tờ lịch. Bạn có thể chèn hình từ nguồn trên web hoặc trực tiếp từ ảnh trên máy tính. Để thêm ghi chú trên tờ lịch vào một tháng nào đó, chọn Advanced Options để tùy chỉnh. Xong, nhấn Next Step 3. Bước 3: Lưu thành phẩm Đợi dịch vụ upload ảnh xong, bạn chỉ việc nhấn chuột phải vào hình ảnh tờ lịch đã xuất bản trên màn hình, chọn Save Image As để lưu về máy. Để chia sẻ với bạn bè, bạn lấy đường dẫn trong ô URL to show your friends. Code làm trang Web thêm sinh động với thuộc tính Filter Ngày nay, Web đã trở nên quen thuộc và việc tự tạo trang Web riêng cũng không còn là chuyện quá khó khăn. Có rất nhiều công cụ có thể tạo nên những hiệu ứng sinh động làm cho trang web trở nên hấp dẫn hơn như Photoshop, CorelDraw, Flash, hay các chương trình viết bằng Java, JavaScript v.v Tuy nhiên bạn vẫn có thể tạo ra các hiệu ứng tương tự mà không cần dùng các công cụ phức tạp nói trên. Trong khuôn khổ bài viết này, tôi xin giới thiệu cách sử dụng một thuộc tính được tích hợp trong IE4 trở lên, đó là thuộc tính Filter thông qua cách đặt từ khoá Style. Trong ngôn ngữ siêu văn bản HTML, chúng ta có thể dùng từ khoá Style để thiết lập các thuộc tính cho đối tượng. Ví dụ khi muốn hiện một chữ Hello màu đỏ đậm, font Tahoma, cỡ chữ 14 thì ta dùng đoạn mã sau: <p style=”font-family:Tahoma; font-size:14pt; color:#FF0000; font-weight:bold” >Hello</p> Hay khi muốn hiện một bức ảnh khung viền màu xanh lá cây thì ta dùng đoạn mã sau: <img src=”image.jpg” style=”border: 1 solid #00FF00''> Có rất nhiều thuộc tính đi cùng với từ khoá Style như: color, font, font-family, border, background, height, width, cursor v.v Thuộc tính Filter cũng là một thuộc tính đi cùng Style, thuộc tính này đem lại cho chúng ta nhiều hiệu quả bất ngờ, thú vị như lật ảnh, chữ; chuyển ảnh màu thành đen trắng, âm bản; tạo ảnh uốn lượn, ảnh mờ, ảnh khung tròn, ảnh nhoè, tạo chữ mờ, chữ có bóng v.v Sau đây tôi sẽ đưa ra một số hiệu ứng tiêu biểu. 1. Lật ảnh và chữ theo chiều ngang, dọc Để lật ảnh theo chiều ngang ta dùng đoạn mã sau: <img src=”image.jpg” style=”Filter: FlipV”> Để lật một dòng chữ theo chiều ngang ta dùng đoạn mã sau: <span style=”width:400; height:100; text-align:center; font-family:Tahoma; font-size:18pt; color:#FF0000; font-weight:bold; Filter:FlipV “> Xin chao cac ban </span> Nếu muốn lật theo chiều dọc thì chỉ việc thay FlipV bằng FlipH, ta cũng có thể dùng kết hợp cả 2 mẫu filter trên style=”Filter: FlipV FlipH”. 2. Chuyển ảnh màu thành ảnh đen trắng và ảnh âm bản Để chuyển một bức ảnh mầu thành ảnh đen trắng ta dùng đoạn mã sau: <img Để chuyển một bức ảnh thành ảnh âm bản ta dùng đoạn mã sau: <img src=”image.jpg” style=”Filter: Invert”> 3. Tạo ảnh và dòng chữ uốn lượn sóng Để tạo một bức ảnh uốn lượn sóng ta dùng đoạn mã sau: <img src=”image.jpg” style=”Filter: Wave(Add=false, Freq=5, LightStrength=3, Phase=45, Strength=10"> Đoạn mã để tạo dòng chữ lượn sóng: <span style=”width:400; height:100; text-align:center; font-family:Tahoma; font-size:18pt; color:#FF0000; font-weight:bold; Filter:Wave(Add=false, Freq=4, LightStrength=3, Phase=45, Strength=5"> Xin chao cac ban </span> Ý nghĩa các tham số : Add: cho phép vẽ chồng hình hay không (true/false) Freq: Số lần lượn sóng LightStrength: mức tia sáng chiếu ngang Phase: góc pha của sóng Strength: mức độ lọc 4. Tạo ảnh mờ, ảnh có khung tròn, ảnh có tia sáng chiếu vào Để làm mờ ảnh ta dùng đoạn mã: <img src=”image.jpg” style=”Filter: Alpha(Opacity=30)”> Tạo bức ảnh mờ, có khung ngoài tròn bằng đoạn mã: <img src=”image.jpg” style=”Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2)”> Tạo một bức ảnh có tia sáng chiếu vào với đoạn mã sau: <img Ý nghĩa các tham số: Opacity: độ mờ của ảnh (0-100), 0 là mờ hoàn toàn và 100 là không mờ. FinishOpacity: độ mờ cuối cùng, có thể ở ngoài biên hay ở tâm điểm tuỳ theo tham số style Style: xác định hướng làm mờ (0-3) 0: Không thực hiện 1: Toả ra theo hướng đường thẳng 2: Toả ra theo hướng hướng đường tròn 3: Toả ra theo hướng hình chữ nhật 5. Làm nhoè ảnh và chữ: Muốn tạo một bức ảnh nhoè dùng đoạn mã sau: <img src=”image.jpg” style=”Filter: Blur(Add = true, Direction = 45, Strength = 10)”> Có thể tạo một dòng chữ nhoè bằng đoạn mã: <span style=”width:400; height:40; text-align:center; font-family:Tahoma; font-size:18pt; color:#FF0000; font-weight:bold; Filter:Blur(Add = false, Direction = 45, Strength = 3)”> Xin chao cac ban </span> Ý nghĩa các tham số Add: cho phép vẽ chồng hình hay không (true/false) Direction: hướng nhoè Strength: mức độ nhoè 6. Làm chữ có bóng, chữ sáng rực rỡ Để tạo dòng chữ có bóng (shadow) ta dùng đoạn mã sau: <span style=”width:400; height:40; text-align:center; font-family:Tahoma; font-size:18pt; color:#00FF00; font-weight:bold; Filter:DropShadow (Color=#000080, OffX=3, OffY=3, Positive=true)” > Xin chao cac ban </span> Tạo dòng chữ sáng rực rỡ với đoạn mã sau: <span style=”width:400; height:40; text-align:center; font-family:Tahoma; font-size:18pt; color:#008000; font-weight:bold; Filter:Glow(Color=#FFFF00, Strength=6)”>Xin chao cac ban </span> Ý nghĩa các tham số OffX: khoảng cách theo chiều X của bóng OffY: khoảng cách theo chiều Y của bóng Positive: (true/false) tạo bóng từ những điểm không trong suốt hay trong suốt. Trên đây là một số hiệu ứng tiêu biểu, chúng có thể dùng được trong môi trường IE từ 4.0 trở lên, các bạn có thể liên hệ với tôi để lấy file HTML minh họa. Chúng ta có thể kết hợp với mã lệnh JavaScript thay đổi thuộc tính Style.Filter của đối tượng, tạo những hiệu ứng “độc chiêu” hơn. (Sưu tầm) . Filter:Glow(Color=#FFFF00, Strength=6)”>Xin chao cac ban </span> Ý nghĩa ca c tham số OffX: khoảng ca ch theo chiều X của bóng OffY: khoảng ca ch theo chiều Y của bóng Positive: (true/false). Photoshop, CorelDraw, Flash, hay ca c chương trình viết bằng Java, JavaScript v.v Tuy nhiên bạn vẫn có thể tạo ra ca c hiệu ứng tương tự mà không cần dùng ca c công cụ phức tạp nói. địa chỉ mà bạn muốn (phần tô màu xanh…….) - Chỉnh sửa ngang rộng cao tuỳ thích(nếu cần) - Liên hệ: http:// phuoctienb. violet.vn/ CHIM BAY TRÊN MẶT BIỂN <html><HEAD><TITLE></TITLE></HEAD> <CENTER><h1><font

Ngày đăng: 27/05/2015, 03:00

Xem thêm: code chim bay, ca lội

TỪ KHÓA LIÊN QUAN

Mục lục

    Tạo lịch tường theo phong cách cá nhân

    Code làm trang Web thêm sinh động với thuộc tính Filter

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w