Рендеринг фона на основе тега Tumblr

Question

Я хочу знать, возможно ли рендерить фон на основе тегов в Tumblr?

Я имею в виду, что я публикую посты об обычной жизни и о серии книг, которые мне нравятся. Я хочу, чтобы при публикации цитаты о жизни цвет фона был черным, а при публикации цитаты о книге - цветом фона. синий.

Возможно ли это и если да, то как?

Answer 1

Вы можете добавить пользовательский атрибут или класс к элементу, для которого вы хотите изменить его фон, с помощью jQuery следующим образом:

$(document).ready(function(){
  var tag = $('select the element where your tag is').text(); 
/*If there are more than one tag you'll have to work with 
the string to select //only the one you want, maybe with 
a switch if you have a limited number of options*/
  $('body').addClass(tag);
})

Затем с помощью CSS вы можете изменить его с помощью селектора следующим образом:

body.tag{
   background: #yourcolor;
}

Answer 2

Добавьте к своим сообщениям класс {TagsAsClasses}, Затем пометьте все сообщения в жизни словом "жизнь", а сообщения в книге - "книга".

Тогда вы можете сделать стиль следующим образом:

.life { background-color: black; }

.book { background-color: blue; }