2012-07-17 2 views
2

특정 태그에 대해 특정 스타일을 정의하는 방법을 알고 싶습니다. 예를 들어, 내가 Croissant 또는 Chocolate으로 태그를 지정하면 내 게시물이 특정 스타일로 렌더링되도록하고 싶습니다.Tumblr의 태그 별 스타일 정의

새로운 클래스를 만들어야한다는 것을 알고 있으며,이 새로운 클래스의 스타일을 지정해야한다는 것을 알고 있지만 어떻게 해야할지 모르겠습니다.

도움 주셔서 감사합니다.

답변

6

테마에 {TagsAsClasses}을 사용해야합니다.

예를 들어, 당신이 당신의 테마처럼 뭔가를 작성해야 :

<div id="{PostID}" class="post {PostType} {TagsAsClasses}"> 
    <!-- ... --> 
</div> 

를 귀하의 게시물이 사진 게시물과 태그 크로 초콜릿이있는 경우, 귀하의 HTML이된다 :

<div id="post-26107509778" class="post photo Croissant Chocolate"> 
    <!-- ... --> 
</div> 

다음은 .Croissant 또는 .Chocolate 클래스의 스타일을 설정할 수 있습니다

.Croissant { 
    /* add your styles here */ 
} 

.Chocolate { 
    /* add your styles here */ 
} 

M 여기에 광석 정보가 http://www.tumblr.com/docs/en/custom_themes

+0

감사합니다. 지금은 분명합니다. 코드를 어디에 두어야합니까? 이 div 태그 내에 뭔가를 정의해야한다고 생각합니다. 안 그래요? – AJX

+0

예, 게시물 내용. 기존 HTML 테마를 편집하는 중이라면'{block : Posts} '를 살펴 봐야합니다. 이미 게시물 요소가 있으면 클래스를 추가하기 만하면됩니다. 다른 게시물 유형을 별도로 정의 할 수 있으므로 여러 번 추가해야 할 수도 있습니다. 이 섹션을 참조하십시오. http://www.tumblr.com/docs/en/custom_themes#get_started CSS는 사용자 정의 CSS로 넣습니다. – Ana