Lightbox là một script đơn giản được dùng để tạo chế độ Preview hình ảnh trên trang web. Hôm nay xin giới thiệu hiệu ứng Lightbox của Leandro Pinho lấy ý tưởng từ Plugin Lightbox2 của Lokesh Dhakar.Xem Demo.Các bước thực [...]
Hiệu ứng Lightbox cho hình ảnh sử dụng jQuery (kiểu 2)
Người đăng: kiemdaigia on Chủ Nhật, 31 tháng 10, 2010
Cân bằng chiều cao của phần main và phần sidebar
Người đăng: kiemdaigia
(Huynh Nhat Ha's Blog) -- Khi thiết kế Blogger, đôi khi chúng ta gặp trường hợp phần main và phần sidebar của trang blog ở một số template không có chiều cao bằng nhau, khiến cho blog thiếu sự cân đối.Việc điều chỉnh chiều [...]
Mở liên kết ngoài sang cửa sổ mới một cách tự động
Người đăng: kiemdaigia
Thông thường khi thiết kế website hay webblog, khi muốn mở liên kết ngoài sang một cửa sổ mới, chúng ta thường sử dụng giá trị target="_blank" theo như ví dụ sau đây: <a href="http://www.blogger.com/" target="_blank">Blogger</a>Tuy nhiên [...]
Mỗi ngày 1 phần mềm miễn phí
Người đăng: kiemdaigia on Thứ Bảy, 30 tháng 10, 2010
Trên trang web này mỗi ngày nó cung cấp cho chúng ta 1 phần mềm có license miễn phí. Các bạn lưu ý khi download về nhớ cài đặt liền nếu để quá giờ thì sẽ cài đặt không được nữa. Đây là link trang web : http://www.giveawayoftheday.com/ [...]
Hiệu ứng Lightbox cho hình ảnh sử dụng jQuery
Người đăng: kiemdaigia on Thứ Năm, 28 tháng 10, 2010
Lightbox là một script đơn giản được dùng để tạo chế độ Preview hình ảnh trên trang web. Hôm nay xin giới thiệu hiệu ứng Lightbox của Pirolab phát triển dựa trên thư viện jQuery, có chức năng tự động chỉnh lại kích cỡ hình [...]
Kỹ thuật load ảnh trước dùng Javascript
Người đăng: kiemdaigia
Kỹ thuật load ảnh trước là một cách để cải thiện tốc độ tải trang web. Khi ảnh được load trước trong công cụ trình duyệt, người đọc có thể lướt qua trang web của bạn nhanh chóng hơn. Kỹ thuật này đặc biệt hữu ích cho các [...]
Tạo plugin Twitter cập nhật tweet mới nhất bằng jQuery
Người đăng: kiemdaigia on Thứ Tư, 27 tháng 10, 2010
Bạn muốn theo dõi những bình luận mới nhất từ trang Twitter? Plugin Twitter sẽ giúp tải những bình luận mới nhất của người dùng Twitter trên toàn cầu với chức năng lọc ngôn ngữ thô tục để tránh những nội dung xấu trên trang [...]
Yahoo thử nghiệm phiên bản Mail nâng cấp
Người đăng: kiemdaigia
Thứ 4 ngày 27 tháng 10, Yahoo chính thức cho phép người dùng thử nghiệm phiên bản nâng cấp mới của dịch vụ mail, vốn được coi là dịch vụ thu hút được lượng ghé thăm của nhiều người dùng nhất trong số các dịch vụ của tập [...]
Wi-Fi Direct: chia sẻ dữ liệu trực tiếp không cần mạng Wi-Fi
Người đăng: kiemdaigia on Thứ Ba, 26 tháng 10, 2010
Wi-Fi Direct, một công nghệ cho phép kết nối không dây từ thiết bị này đến thiết bị khác và sử dụng ngay các chuẩn Wi-Fi hiện tại, vừa được Liên minh Wi-Fi (Wi-Fi Alliance) phê chuẩn trở thành một công nghệ áp dụng thực [...]
Phân trang cho bài viết sử dụng jQuery
Người đăng: kiemdaigia
Với sự hỗ trợ của jQuery, việc phân trang ngay trong bài viết giúp cho không gian trong trang web được bố trí hài hòa hơn nhờ thanh Pagination khá giống với phân trang cho cả một website hoặc webblog.Xem Demo.Trong thủ thuật [...]
Tạo hiệu ứng Tooltip trong trường dữ liệu của Form
Người đăng: kiemdaigia on Thứ Hai, 25 tháng 10, 2010
Tooltip là một thành phần giao thức người dùng khá phổ biến. Nó được sử dụng để tạo hiệu ứng con trỏ. Người dùng web rê con trỏ qua một đối tượng mà không kích trỏ vào nó, thì hiệu ứng tooltip xuất hiện với một khung nhỏ [...]
Tạo nút trượt lên đầu và cuối trang web bằng jQuery
Người đăng: kiemdaigia on Chủ Nhật, 24 tháng 10, 2010
Dưới đây là một cách tạo nút lên đầu hoặc cuối trang web bằng 1 cái nhấp chuột đơn giản. Thủ thuật này sử dụng các sự kiện cuộn đặc biệt qua thư viện jQuery từ James Padolsey. Có 2 nút cố định nằm ở đáy bên trái trang web, [...]
Liệt kê tiêu đề bài viết mới nhất cho 1 nhãn
Người đăng: kiemdaigia
Nếu bạn chịu khó tìm kiếm trên Google thì sẽ tìm thấy một số bài viết hướng dẫn cách tạo widget bài viết mới nhất có ảnh thumbnail cho cả Blog và cho riêng 1 nhãn nào đó. Đôi khi bài viết mới nhất cho riêng 1 nhãn mà chỉ [...]
Panda Cloud AV được vinh danh trong giải thưởng của WSJ
Người đăng: kiemdaigia on Thứ Tư, 20 tháng 10, 2010
Phần mềm diệt malware miễn phí dựa trên nền tảng điện toán đám mây của hãng bảo mật Panda Security, Panda Cloud AV, vừa được bầu chọn vào vị trí thứ 2 của hạng mục “Bảo mật mạng” trong giải thưởng “Đổi mới công nghệ” (Technology [...]
Tạo thanh sidebar menu với trạng thái viếng thăm kiểu đánh dấu tick
Người đăng: kiemdaigia on Chủ Nhật, 17 tháng 10, 2010
Có nhiều cách khác nhau để thể hiện sự đặc sắc và nổi bật cho thanh menu sidebar trên website của bạn. Một trong số đó là sidebar với trạng thái liên kết đã viết thăm dạng tick, tức là kiểu đánh dấu tick giống như khi bạn [...]
Tạo cửa sổ pop-up thông báo “Happy New Year…” cho Blogger
Người đăng: kiemdaigia
Trong mỗi dịp tết đến chắc hẳn không ít các bạn trong cộng đồng Blogger mong muốn Blog của mình có một câu thông báo chúc mừng năm mới mỗi khi người lướt web đánh địa chỉ blog của bạn trên thanh địa chỉ của công cụ trình [...]
Trang trí con trỏ Blogger nhân dịp Giáng sinh
Người đăng: kiemdaigia
Nếu bạn muốn có kiểu con trỏ được thiết kế đặc biệt cho blog của mình thì bạn có thể tìm nhiều kiểu có sẵn miễn phí trên Internet. Nhưng điều quan trọng là cách cài đặt nó mà thôi.Sau đây là một ví dụ kiểu con trỏ tham khảo [...]
Hiển thị tổng số bài viết và nhận xét trên Blogger
Người đăng: kiemdaigia
Tạo widget hiển thị tổng số bài viết và tổng số nhận xét trên Blogger là cách cho phép bạn thống kê số lượng bài viết và nhận xét để tiện cho việc quản lý blog của mình.Chỉ cần đăng nhập Blogger rồi đặt toàn bộ đoạn code [...]
Chống copy văn bản bằng cách vô hiệu hóa right click
Người đăng: kiemdaigia
Việc chống copy nội dung web bằng việc vô hiệu hóa thao tác kích chuột phải là một điều cần thiết đối với một số trường hợp riêng biệt. Thủ thuật này được thực hiện khá dễ dàng khi thiết kế website. Đối với webblog trên [...]
Tạo thanh trượt cho vùng hiển thị các bài nhận xét (Blogger)
Người đăng: kiemdaigia
Đối với các blog có số lượng lời bình, nhận xét (comments) khá lớn thì ít nhiều cũng ảnh hưởng đến vẻ đẹp và phong cách của blog do danh sách các nhận xét quá dài làm tốn không gian của blog. Bài viết này sẽ hướng dẫn một thủ thuật cơ bản để tạo một [...]
Hiệu ứng tuyết rơi trên Blogger
Người đăng: kiemdaigia
Bạn muốn tạo hiệu ứng tuyết rơi thật đẹp mắt trên blog của mình giống một số trang web mà bạn tìm thấy. Bạn chưa tìm ra thủ thuật tối ưu cho mình?Thật đơn giản. Chỉ cần đăng nhập vào bảng điều khiển Blogger, sau đó vào Bố cục (Layout) và Thêm tiện ích [...]
Cách tạo bảng có viền bằng HTML với khoảng trắng văn bản
Người đăng: kiemdaigia
Nếu không sử dụng nơi chưa văn bản (placeholder) trong các ô bảng HTML trống thì các đường viền ô bảng trống sẽ không hiển thị. Bằng cách thêm vào chuỗi mã ký tự trong cấu trúc HTML thỉ ô bảng sẽ hiển thị.Dưới đây là đoạn code không có placeholder.<table [...]
Liên kết đến một vị trí đặc biệt trong một trang web
Người đăng: kiemdaigia
Khi thiết kế trang web, nhiều khi bạn cần tạo một liên kết từ một phần của trang web đến một phần khác, lấy ví dụ khi tạo liên kết đến giữa bài viết hoặc đầu bài viết hoặc có thể đến cuối trang.Ví dụ minh họa: Đến cuối bài [...]
Mô tả liên kết sử dụng cửa sổ pop-up
Người đăng: kiemdaigia
Bạn có thể khiến cho một số công cụ trình duyệt mở cửa số pop-up khi chuột dừng lại qua một hình ảnh bằng cách thêm tham số ALT cho các thẻ IMG. Đối với các liên kết văn bản thì bạn đã quen với việc hiển thị địa chỉ trên [...]
Tạo Menu sổ dọc cơ bản sử dụng Javascript
Người đăng: kiemdaigia
Kiểu Menu sổ dọc là một cách tuyệt vời để gom nhiều liên kết vào một vùng nhỏ. Bài viết này sẽ hướng dẫn bạn cách tạo một thanh menu sổ dọc cơ bản nhưng cũng rất hữu ích khi thiết kế web.Xem Demo.Bước 1: Đặt code Javascript [...]
Tạo thanh menu dọc với hiệu ứng accordion sử dụng Mootools
Người đăng: kiemdaigia
Hiệu ứng accordion giúp một vùng liên kết được kích chuột vào có thể xếp lại trông giống như đàn accordion. Sử dụng hiệu ứng này với sự hỗ trợ của Mootools có thể tạo một thanh menu dọc khá ấn tượng.Xem Demo.Sau đây là hướng [...]
Tạo hiệu ứng đổi dạng rê chuột bằng công cụ Mootools
Người đăng: kiemdaigia
Công cụ Mootools có nhiều ứng dụng thú vị cho việc thiết kế web. Ở đây xin giới thiệu cách thêm hiệu ứng đẹp mắt cho một danh mục tin tức khi rê chuột có sự đổi dạng và khiến cho cả vùng chọn có thể kích chuột được. Mục [...]
Tạo Menu sổ dọc nhiều cấp
Người đăng: kiemdaigia
Kiểu Menu sổ dọc có một ưu điểm là tiết kiệm không gian web cho trang web của bạn. Menu sổ dọc cũng là một lựa chọn tối ưu của khá nhiều website hiện nay. Ví dụ như trang Kitco.com.Chỉ cần sử dụng một đoạn mã JavaScript [...]
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript
Người đăng: kiemdaigia
Chúng ta đã biết cách thực hiện hiệu ứng mô tả liên kết bằng DHTML Tooltip qua bài viết Hiệu ứng liên kết có mô tả … nhưng phải dùng đến cả CSS và Javascript. Ở bài này tôi xin giới thiệu cách làm đơn giản hơn, chỉ sử dụng [...]
Mô tả liên kết sử dụng Javascript
Người đăng: kiemdaigia
Khi bạn trỏ vào các liên kết trên một trang web, phần lớn các công cụ trình duyệt sẽ hiển thị địa chỉ mà liên kết đó trỏ đến trên thanh trạng thái. Tại sao không thêm sự nổi bật cho trang web của bạn bằng cách mô tả cho [...]
Hiệu ứng liên kết có mô tả sử dụng DHTML Tooltip và Javascript
Người đăng: kiemdaigia
Hiệu ứng liên kết dạng mô tả giúp cho người lướt web có thể có nhiều hơn thông tin về một liên kết trước khi kích trỏ để vào trực tiếp liên kết. Ngôn ngữ Javascript có thể được sử dụng kết hợp với CSS để thực hiện hiệu ứng [...]
Hiển thị ngày tháng trên website và webblog
Người đăng: kiemdaigia
Hiển thị ngày tháng trên trang web của bạn là một cách trang trí hay cũng như làm cho trang web của bạn có vẻ chuyên nghiệp hơn. Những đoạn code JavaScript sau đây sẽ giúp bạn hiển thị ngày tháng lên trang web theo một số [...]
Thủ thuật tạo nút “Đặt làm trang chủ” trên website, webblog
Người đăng: kiemdaigia
Khi thiết trang web của bạn, việc tạo cho người lướt web môt cách để thiết lập trang web của bạn làm trang chủ mỗi khi khởi động công cụ trình duyệt web cũng là một cách để tăng cường lượng truy cập cho trang web của bạn.Đoạn mã Javascript sau đây sẽ [...]
Tạo hiệu ứng liên kết kiểu dancing
Người đăng: kiemdaigia
Có khá nhiều kiểu hiệu ứng liên kết. Một trong số đó là kiểu hiệu ứng nhảy múa theo đó các đoạn text có link liên kết nhấp nháy theo các màu sắc khác nhau rất nổi bật.Bạn chỉ việc đặt đoạn mã javascript dưới đây trước thẻ đóng </head>.<script [...]
Tạo nút Trở về trang chủ cho website
Người đăng: kiemdaigia
Trong một trang web, nút Trở lại trang chủ hay Back Home cũng rất cần thiết để người lướt web có thể dễ dàng sử dụng. Có nhiều cách khác nhau để thực hiện điều này khi thiết kế web. Sau đây là một cách thực hiện bằng các cú pháp Javascript.Bạn chỉ việc [...]
