hieu ung

Magnifying effect on article mode images - Hiệu ứng phóng đại trên ảnh ở chế độ bài báo cho XenForo 2.2 Mang lại một hiệu ứng nhỏ đẹp cho hình ảnh của bài báo. Trong template extra.less, hãy thêm đoạn này: .articlePreview-main a:hover { transform: scale(1.1) rotate(4deg)...

Cách tạo ra các hiệu ứng chuyển động phần tử DOM HTML trong jQuery Như đã đề cập ở tiêu đề, để tạo ra được các hiệu ứng chuyển động phần tử chúng ta sẽ dùng đến phương thức animate(). Phương thức animate() giúp bạn tạo ra các hiệu ứng động bằng cách thay đổi các thuộc tính của phần tử từ giá...

Cách dùng jQuery để ẩn hiện phần tử HTML DOM có kèm hiệu ứng Trong jQuery có các phương thức như hide(), show(), toggle(), fadeToggle(), slideToggle(). Những phương thức này có chức năng ẩn hiện phần tử có kèm hiệu ứng. Hiệu ứng Hide/Show jQuery có một số hiệu ứng động rất dễ để sử dụng. Trong...

Hover Effect for actionBar - Hiệu ứng Hover cho actionBar XenForo 2 Hướng dẫn này sẽ thêm hiệu ứng hover cho actionBar trên XenForo 2. Đơn giản chỉ cần thêm đoạn code sau vào Extra.less: //Action Bar .message-actionBar { .actionBar-action { font-size: 0; transition: .5s...

[Wutime] Snow storm effect - Hiệu ứng bão tuyết cho XenForo 2 1.0.5 Thêm một hiệu ứng bão tuyết tinh tế cho cộng đồng Xenforo của bạn cho các ngày lễ hoặc mùa đông. Tính năng: Kích hoạt hiệu ứng Bật/Tắt cho thiết bị di động Chọn nhóm người dùng để bỏ qua Hoàn toàn đa ngôn ngữ và quốc tế hóa...

Thêm hiệu ứng khi rê chuột vào threads, widgets & posts cho XenForo 2 Chỉ cần thêm đoạn code sau vào template extra.less: /*Forum, Sub-Forum & What's new*/ .block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container...

WOW Animation - Plugin thêm hiệu ứng cuộn trang cho WordPress Plugin sử dụng script wow.js. Với plugin này, bạn có thể cho chuyển động bất cứ cái gì trong bài, ví dụ như hình ảnh, các thẻ div,…vì cách sử dụng là sẽ sử dụng shortcode. Đầu tiên tải plugin về wow-animation.zip và upload lên...

6 hiệu ứng JS có thể thực hiện được với pure CSS Đã có hàng trăm ví dụ về việc thực hiện pure CSS với các hiệu ứng JavaScript phổ biến. Hãy thử kết hợp chúng lại với nhau và điều mà chúng ta có thể nhận được đó là một số hình ảnh động khá tiên tiến và các sự tiện lợi khác. Trình duyệt sẽ tiếp...

Xmas time! Snow animation header - Hiệu ứng tuyết rơi trên header cho XenForo 2 Thay đổi header của bạn thành một hình ảnh đẹp với hiệu ứng tuyết rơi. Tải xuống file đính kèm và đặt chúng trong thư mục images/snow. Cách đơn giản nhất để tạo header này là advertisement. Đầu tiên bạn phải...

Sử dụng WOW.js để tạo hiệu ứng đẹp mắt khi scroll WOW.js được phát triển bởi Matthieu Aussaguel, một kỹ sư lập trình web hiện đang sống và làm việc tại Thái Lan. WOW.js là sự kết hợp giữa jQuery và thư viện animation.css được viết sẵn các kịch bản. Khi bạn scroll website thì jQuery sẽ bắt sự...

Tổng hợp 11 bộ sưu tập hiệu ứng CSS3 đẹp mắt cho website Với các tính năng hỗ trợ các hiệu ứng chuyển động trong CSS3, giờ đây bạn có thể tự tạo các hiệu ứng chuyển động vô cùng đẹp mắt và chuyên nghiệp mà không cần dùng tới sự trợ giúp của Javascript hay jQuery vì nó là nguyên nhân ảnh hưởng...

Notifications - Thông báo 1.0.1 Với add-on này, bạn có thể thay đổi các thông báo của XF thành một cái gì đó như thông báo của Facebook (hoặc thậm chí tốt hơn: D) Có 12 mẫu thiết kế khác nhau mà mỗi mẫu trong số đó có hiệu ứng đặc biệt của riêng nó: Tính năng: 12 thiết kế khác nhau Thumb...

Thêm hiệu ứng hoa mai hoa đào rơi vào Xenforo Để phục vụ cho nhu cầu trong dịp Xuân đến Tết về của nhiều người, bài viết này sẽ hướng dẫn các bạn cách thêm hiệu ứng hoa mai, hoa đào rơi vào diễn đàn của bạn. Cách làm như sau: Bước 1: Tải về tập tin đính kèm và giải nén ra. Bước 2: Upload...

Snow Effect - Hiệu ứng tuyết rơi Hướng dẫn này làm cho diễn đàn của bạn với hiệu ứng bông tuyết rơi Bước 1: Tạo 1 tập tin .js với tên tùy chỉnh Mở Notepad++ và dán đoạn code bên dưới vào tập tin .js vừa tạo ở trên rồi lưu lại. (Ví dụ: Snow.js) // CREDITS: // Snowmaker Copyright (c) 2003 //...