Cách xem và truy cập Chủ đề ThemeRoller được xác định trước - những con

Để xem danh sách các chủ đề CSS3 được xác định trước, hãy chọn tab Gallery của menu ThemeRoller được hiển thị. Bạn thấy một danh sách các chủ đề theo tên. Lưu ý rằng mỗi mục trong chủ đề bao gồm một ảnh chụp nhanh của chủ đề, tên chủ đề và hai nút để tải hoặc chỉnh sửa chủ đề nếu cần.

Hiện tại có 24 chủ đề được xác định trước để chọn (mặc dù ảnh chụp màn hình chỉ hiển thị hai trong 24 khả năng).

Quan điểm mang tính biểu tượng của chủ đề chỉ cho bạn cảm giác nó sẽ xuất hiện như thế nào trên màn hình. Nếu bạn thực sự muốn xem chủ đề đầy đủ, hãy chọn nó bằng cách nhấp vào mục nhập đó trong danh sách. Khi bạn làm như vậy, trang sẽ thay đổi để bạn có thể thấy chủ đề ảnh hưởng như thế nào đến diện mạo tổng thể của trang.

Trong một số trường hợp, bạn thấy rằng chế độ xem mang tính biểu tượng của một chủ đề là gây hiểu nhầm. Ví dụ: nhìn vào chủ đề Le Frog (màu xanh lá cây) trong danh sách Thư viện. Biểu tượng sẽ dẫn bạn đến tin rằng mọi thứ về chủ đề này đều có màu xanh. Tuy nhiên, chỉ có các vật dụng bị ảnh hưởng bởi sự lựa chọn này.

Sau khi tìm thấy chủ đề được xác định trước phù hợp nhất với yêu cầu của bạn, bạn có thể thêm nó vào ứng dụng của bạn. Cách dễ nhất để thực hiện nhiệm vụ này là sử dụng URL truy cập nhanh. Bạn thấy một mẫu của họ ở dưới cùng của trang ThemeRoller.

Vấn đề duy nhất là URL cho các chủ đề không thay đổi - nó luôn hiển thị URL cho chủ đề Smoothness. Để sử dụng một chủ đề trong ứng dụng của bạn, bạn phải có đúng URL cho nó, và URL không có sẵn trên trang web của ThemeRoller.

Danh sách sau đây trình bày các tên chủ đề theo sau bởi URL bắt buộc cho chủ đề đó khi sử dụng jQuery UI 1. 10 - bạn thêm URL này vào mã của bạn để sử dụng chủ đề đó trong ứng dụng của bạn.

• Giao diện nhẹ - // code. jquery. com / ui / 1. 10. 3 / chủ đề / ui-lightness / jquery-ui. css

• UI darkness - // code. jquery. com / ui / 1. 10. 3 / chủ đề / ui-bóng tối / jquery-ui. css

• Tính mượt - // code. jquery. com / ui / 1. 10. 3 / chủ đề / sự trôi chảy / jquery-ui. css

• Bắt đầu - // code. jquery. com / ui / 1. 10. 3 / themes / start / jquery-ui. css

• Redmond - // mã. jquery. com / ui / 1. 10. 3 / chủ đề / redmond / jquery-ui. css

• Sunny - // code. jquery. com / ui / 1. 10. 3 / chủ đề / nắng / jquery-ui. css

• Ẩn - // mã. jquery. com / ui / 1. 10. 3 / chủ đề / u ám / jquery-ui. css

• Le Frog - // code. jquery. com / ui / 1. 10. 3 / themes / le-frog / jquery-ui. css

• Flick - // code. jquery. com / ui / 1. 10. 3 / themes / flick / jquery-ui. css

• Máy mài hạt tiêu - // code.jquery. com / ui / 1. 10. 3 / chủ đề / máy xay hạt tiêu / jquery-ui. css

• Cà tím - // code. jquery. com / ui / 1. 10. 3 / chủ đề / cà tím / jquery-ui. css

• Dark Hive - // mã. jquery. com / ui / 1. 10. 3 / themes / dark-hive / jquery-ui. css

• Cupertino - // code. jquery. com / ui / 1. 10. 3 / themes / cupertino / jquery-ui. css

• South Street - // mã. jquery. com / ui / 1. 10. 3 / chủ đề / south-street / jquery-ui. css

• Blitzer - // code. jquery. com / ui / 1. 10. 3 / themes / blitzer / jquery-ui. css

• Nhân đạo - // code. jquery. com / ui / 1. 10. 3 / chủ đề / nhân loại / jquery-ui. css

• Hot Sneaks - // code. jquery. com / ui / 1. 10. 3 / themes / hot-sneaks / jquery-ui. css

• Excite Bike - // code. jquery. com / ui / 1. 10. 3 / chủ đề / excite-xe đạp / jquery-ui. css

• Vader - // code. jquery. com / ui / 1. 10. 3 / themes / vader / jquery-ui. css

• Dot Luv - // code. jquery. com / ui / 1. 10. 3 / themes / dot-luv / jquery-ui. css

• Mint Choc - // code. jquery. com / ui / 1. 10. 3 / chủ đề / mint-choc / jquery-ui. css

• Black Tie - // code. jquery. com / ui / 1. 10. 3 / themes / black-tie / jquery-ui. css

• Trontastic - // code. jquery. com / ui / 1. 10. 3 / chủ đề / trontastic / jquery-ui. css

• Swanky Purse - // code. jquery. com / ui / 1. 10. 3 / themes / swanky-purse / jquery-ui. css

Cách cơ bản để khai báo chủ đề trong ứng dụng của bạn hoạt động với mọi chủ đề được định sẵn mà ThemeRoller cung cấp. Tất cả bạn cần làm là thêm mã sau vào bảng kiểu của bạn. Chỉ cần thay thế URL chủ đề trong mã sau với URL cho chủ đề bạn muốn sử dụng.