2012-12-19 41 views
6

Tôi biết điều này không liên quan đến câu hỏi mã hóa nhưng trước khi tôi bắt đầu làm việc với kịch bản, tôi muốn nhận được một số hướng dẫn.Thay đổi chủ đề của trang web

Kịch bản là cung cấp tùy chọn thay đổi chủ đề của trang. Những gì tôi đã quyết định là, cung cấp cho lớp phổ biến đối với nhiều yếu tố như

  • thẻ h1 cho tất cả các danh hiệu chính của trang
  • .image lớp cho tất cả những hình ảnh của trang
  • lớp cho p thẻ về nội dung của các trang
  • và vân vân ....

Vì vậy, tôi sẽ tạo nhiều biểu định kiểu với các tên lớp này với màu khác nhau.

Nhưng khó khăn đi kèm với vị trí của từng yếu tố. Tôi cố gắng đưa phong cách nội tuyến cho từng yếu tố để xác định vị trí liên quan đến các chất liệu. Ví dụ:

.image {border:grey solid 1px /*this border color will be different in each stylesheet*/} 

<div class="image" style="float:right; margin:6px"><img src="" /> </div> 

Vì vậy, giống như tất cả các yếu tố khác sẽ có css nội tuyến cho mục đích sắp xếp.

Bạn có nghĩ đây là cách tốt nhất để đạt được kịch bản chủ đề không ??

PS - Người dùng có quyền truy cập để tùy chỉnh chủ đề. (Chúng tôi đang cung cấp bảng chỉnh sửa). Đây không phải là trang web thực sự, nó là một mô-đun sản phẩm (Cũng giống như cách chúng tôi thay đổi màu sắc của biểu đồ và biểu đồ Powepont).

+0

Prodeuct module! là một HTML này, css trang web hoặc PHP, ASP.Net v.v. –

+0

@ syedmohsin nó không phải là ngôn ngữ được sử dụng. Tôi đang cố gắng để có được một ý tưởng để thực hiện. Tất nhiên điều này chủ yếu dựa trên việc thực hiện css. xem xét jus như powerpoint – Sowmya

Trả lời

3

Không thực sự ... Tôi nghĩ bạn nên tải một chủ đề "trống" mặc định cho kiểu cơ bản và kiểu chung.Theo tải biểu định kiểu khác tùy thuộc vào chủ đề người dùng đã chọn. Trong chủ đề đó, bạn chỉ định chủ đề phong cách cụ thể (như border-color từ ví dụ của bạn).

+0

Người dùng có quyền truy cập để tùy chỉnh chủ đề. vì vậy bất cứ khi nào anh ta thay đổi màu sắc, nó sẽ thêm màu được xác định trước. Cũng giống như các phần tử PowerPoint – Sowmya

0

bạn có thể sử dụng LESS hoặc SaSS.

công trình LESS cả trên phía máy chủ và phía khách hàng

Các vấn đề liên quan