2013-06-19 2 views
0

글에 따라 tumblr 블로그의 CSS 스타일을 완전히 바꿀 방법을 찾고 있습니다. 이미 요소별로 요소를 처리 할 수 ​​있다는 것을 이미 알았지 만, 원하는 것은 약간 다릅니다.글에 따라 tumblr 테마 변경하기

구체적으로 말하자면 : 나는 두 가지 주제가 있습니다. 하나는 어두운 것이고 다른 하나는 밝은 것입니다. 동일한 블로그에서 카테고리 1로 간주하는 게시물에는 어두운 글씨를 사용하고 카테고리 2로 간주하는 게시물에는 밝은 글자를 사용하고 싶습니다. 또한 light 테마를 사용하여 두 범주의 게시물을 표시하고 싶습니다.

어쨌든 이것을 쉽게 달성 할 수 있습니까?

편집 나는 카테고리 게시물의 제목처럼 전화, 그래서 아마 게시물을 차별화하는 태그를 사용 할 수있는 것들

.

+0

"카테고리"란 무엇입니까? 이미지 대 텍스트 및 비디오 ... 이미지의 배경색? 특정 태그가 있습니까? 어쨌든, 당신이 자바 스크립트를 사용하여 카테고리를 얻을 수 있다면, 당신은 CSS를 동적으로 적용 할 수 있습니다. – jvilhena

+0

내가 카테고리라고 부른 것에 대해 명확하게하기 위해 내 게시물을 편집했습니다. – Aleks

답변

1

설명 : .light은 category1, .dark은 category2입니다. 이 항상 빛이 있어야로 Indexpage에 .light을 설정

{block:IndexPage} 
<body class="light"> 
{block:Posts} 
<!-- Add Post Logic Here --> 
{/block:Posts} 
</body> 
{/block:IndexPage} 

{block:PermalinkPage} 
{block:Posts} 
<body class="{TagsAsClasses}"> 
<!-- Add Post Logic Here --> 
</body> 
{/block:Posts} 
{/block:PermalinkPage} 

{block:TagPage} 
<body class="{Tag}"> 
{block:Posts} 
<!-- Add Post Logic Here --> 
{/block:Posts} 
</body> 
{/block:TagPage} 

: 템플릿 로직과 같을 것이다

body.light { 
    background: white; 
    ... 
} 
body.dark { 
    background: black; 
    ... 
} 

: CSS의는 같을 것이다.

퍼머 링크 페이지에서 .light 또는 .dark을 포함하여 게시물의 모든 태그를 출력하려면 {TagsAsClasses}을 사용하십시오.

태그가 지정된 페이지에서 .light 또는 .dark 중 하나를 반환하려면 {Tag}을 사용하십시오.

희망이 있습니다.

관련 문제