2011-11-28 2 views
3

블로그 게시물의 헤더 역할을하는 다음 스타일을 만들었습니다.Tumblr에서 게시물별로 스타일을 정의하십시오.

h4 {font-family: "futura", "helvetica", sans-serif; position:center; line-height:56px;  
font-size:38px; letter-spacing:1px; font-weight:bold; text-align:center; padding- 
right:20px; padding-left:20px; color:white;border-style:solid; 
border-top-width: 22px; border-bottom-width: 0px; border-left-width:0px; border-right- 
width:0px; border-top-color:#F15B4C; border-bottom-color:#F15B4C; background- 
color:#F15B4C;} 

내가 작업하고있는 사이트에는 아트웍의 여러 "체인"이 있습니다. 각 체인은 시간이 지남에 따라 동일한 예술 작품을 재 작업하는 예술가들에 의해 함께 연결됩니다. 헤더의 고유 한 배경색으로 각 체인을 차별화하고자합니다.

줄마다 각 게시물의 색상을 어떻게 든 변경할 수 있기를 원하지만, 해킹 된 Tumblr 테마이기 때문에 할 수있는 일이 제한되어 있습니다. Tumblr의 HTML/CSS 스타일 매쉬에서 추가 스타일을 만드는 방법에 대한 권장 사항은 무엇입니까?

+0

참고로, 제가 작업하고있는 사이트는 [Muxel.cc] (http://muxel.cc/)입니다. 그리고 저는 HTML/CSS에 익숙하지 않아서 정말 고맙습니다! 나는 가능한 많은 해결책을 시도했지만 지금까지는 운이 없다. – KeenanC

+1

(HTML의) 각 체인을 어떻게 식별 할 것입니까? 이것이 핵심 질문입니다. – Marcin

+0

@Marcin 현재 각 게시물의 HTML 편집기에서 헤드 라인 스타일을 정의하고 있지만 각 포스트에서 태그를 사용하고 상속받은 CSS 스타일을 정의 할 수 있기를 바랍니다. 유일한 문제는 각 게시물이 두 개의 다른 광고 제목 스타일을 사용한다는 것입니다. 하나는 큰 텍스트 용이고 다른 하나는 작은 텍스트 용입니다. – KeenanC

답변

3

태그를 통해 가능할 수 있습니다. 그 자막에 대한 귀하의 클래스 클래스 "chain3"을 적용해야

<div class="caption {block:Tags} {Tag}{/block:Tags}" >

.

다음 CSS에서

...

.caption.chain3 {background-color:#0000ff;}

이 모든 태그는 CSS 물론, 클래스 선언으로 해석 할 수있는 문자열 인에 따라 달라집니다. "Friendship Is Magic"과 같은 태그는 CSS 클래스가 될 수 없습니다.

+2

답변을 게시했지만 Tumblr 템플릿 API에 '{TagsAsClasses}'이 (가) 있으면 HTML 클래스 친화적 인 형식으로 모든 태그가 인쇄됩니다. – bjudson

관련 문제