2012-12-18 5 views
1

웹 사이트를 개발 중이며 사용자가 테마 (주로 색상, 글꼴 등, 레이아웃이 아닌)를 전환 할 수있게하고 싶습니다.테마별 웹 사이트를 만드는 방법은 무엇입니까?

내 생각은, 몸에 클래스가 THEME1 말을하고 그 클래스에서 모든 스타일을 넣어하는 것입니다 테마를 전환하기 위해,

.theme1{ 
    //less code here 
} 


.theme2{ 
    //less code here 
} 

그런 식으로, 내가 할 일은 교체입니다 몸에있는 수업.

좋은 해결책인가? 더 좋은 방법이 있습니까?

+1

이렇게하면 스타일 시트가 불필요하게 복잡해집니다. 왜 각 테마마다 하나씩 여러 스타일 시트를 가지고 jquery/javascript를 사용하여 스타일 시트를 전환해야합니까? – javram

+0

@javram - 모든 스타일을 하나의 스타일 시트에 넣을 뜻은 아니 었습니다. 모든 테마에는 고유 한 스타일이 적용될 것입니다. 모든 스타일에는 theme1이 접두어로 붙어 있기 때문에 현재 적용되는 테마는 분명합니다. , theme2 등 – Tomer

+0

@ ftom2 왜 접두사를 붙이시겠습니까? javram이 제안한대로 대체 스타일 시트 스위처를 사용하십시오. 이 기사는 영원히 계속되었습니다. http://www.alistapart.com/articles/alternate/ – cimmanon

답변

0

그것이

body.theme-class { } 

선택에서 모든 스타일을 래핑하는 매우 간단합니다 다음 LESS 사용하는 경우.

이것은 합리적인 것처럼 보입니다. body 태그에서 클래스를 변경하는 간단한 경우를 테마 변경으로 만듭니다.

관련 문제