Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Guiders - Tạo chỉ dẫn cho website

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin

avatar
Administrators
Administrators
Chỉ dẫn, giới thiệu các tính năng quan trọng
giúp người dùng hiểu chức năng, cách sử dụng website/application của bạn
là việc cần thiết và nên làm. Nhưng trước khi có Guiders. thì đây là một việc khó khăn.



Demo online : https://optimizely.appspot.com/edit#url=ntuts.com/bai-viet (Thay url bằng địa chỉ website của bạn)

Guiders rất mềm dẻo, giúp bạn tạo được các hộp thông báo và đặt

chúng ở bất kỳ đâu trên website. Bạn cũng có thể tùy biến các sự kiện
ẩn/hiện guiders. Điều này giúp cho người dùng tương tác với
website/application của bạn theo đúng trình tự các bước mà bạn đưa ra.

Guiders.js phụ thuộc vào thư viện jQuery, sau khi thêm jQuery và Guiders vào website thì các bước để tạo chỉ dẫn rất đơn giản.

Thêm jQuery và Guiders

Đưa đoạn mã sau vào trong thẻ của website của bạn:
Code:

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="guider.js"></script>
<link rel="stylesheet" href="guider.css" type="text/css" />
Tạo chỉ dẫn

Bạn có thể tạo chỉ dẫn với phương thức guider.createGuider({settings})

Code:
guider.createGuider({
buttons: [{name: "Next"}],
description: "Mô tả cho chỉ dẫn",
 id: "first",
 next: "second",
overlay: true,
title: "Chào mừng bạn đến với Chia Sẻ Online!"
}).show();
/* .show() có ý nghĩa chỉ dẫn sẽ xuất hiện ngay sau khi được tạo ra. */
Các bạn có thể tìm hiểu thêm cách sử dụng ở trong ví dụ tải về của Guiders.js
Guiders.js cũng có một dịch vụ (có phí) giúp bạn tạo các chỉ dẫn, thay đổi cho website (rất tiện khi làm việc với khách hàng).

Nguồn :NTUTS



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

rockmanvnx6

avatar
Thành Viên
Thành Viên
ặc , cho file download mới làm đc chớ :|

Xem lý lịch thành viên http://css-style.forumvi.com/

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [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