Определение стиля для каждого поста в 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?


colors html css styling tumblr
person KeenanC    schedule 28.11.2011    source источник
comment
Для справки, я работаю над сайтом Muxel.cc. И я новичок в HTML/CSS, поэтому я очень ценю помощь! Я пробовал довольно много возможных решений, но пока не повезло.   -  person KeenanC    schedule 28.11.2011
comment
Как вы будете идентифицировать каждую цепочку (в HTML)? Это ключевой вопрос.   -  person Marcin    schedule 28.11.2011
comment
@Marcin на данный момент я просто определяю стили заголовков в редакторе HTML для каждого сообщения, но мне бы хотелось иметь возможность просто использовать теги в каждом сообщении и определять стиль CSS, который он наследует. Единственная проблема заключается в том, что каждое сообщение фактически использует два разных стиля заголовка: один для более крупного текста, а другой — для мелкого текста под ним.   -  person KeenanC    schedule 28.11.2011

Ответы (1)


arrow_upward
3
arrow_downward

Возможно, вы могли бы сделать это через теги.

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

Это должно применить класс «chain3» к вашим классам для этой подписи.

а затем в вашем CSS...

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

Все это зависит от того, являются ли ваши теги строками, которые CSS, конечно, может интерпретировать как объявления классов. Такой тег, как «Дружба — это чудо», не может быть классом CSS.

person Eric_WVGG    schedule 28.11.2011
comment
Не знаю, было ли это доступно, когда ответ был опубликован, но API-интерфейс шаблона Tumblr теперь имеет {TagsAsClasses}, который будет печатать все теги с форматированием, удобным для HTML-класса. - person bjudson; 14.12.2013