Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Как изменить цвет фона нового сообщения в блоге

Здравствуйте, дорогие мои читатели, друзья и гости блога. Совсем небольшой пост сегодня. Не хочется особо отвлекать вас  в Новогодние каникулы. Поделюсь , как можно изменить цвет фона нового сообщения.

Как-то мы уже устанавливали значок NEW , чтобы выделить его таким образом. Об этом почитайте здесь.



Хотя в блоггере и так понятно, что новое сообщения на главной странице  всегда находится в самом верху. Такой вариант скорее всего подходит просто для оформления дизайна.

 Вот, как-то так это будет выглядеть.

цвет фона сообщения

Как изменить фон нового сообщения.

Заходим в панель администратора-вкладка шаблон. На всякий случай делаем резервное копирование, если не совсем уверены в своих действиях. Нажимаем изменить HTML. C помощью клавиш Ctrl+F находим  ]]></b:skin> и над ней вставляем вот такую строку, где  #DDD и будет отвечать за сам цвет. Подбирайте под свой дизайн.

#first-post{background:#DDD}

Дальше опять же, с помощью комбинации клавиш Ctrl+F необходимо найти строчку

 <b:include data='post' name='post'/>

и удалить его полностью. А  вместо этого  вставить следующий код.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
  <div id='first-post'>
   <b:include data='post' name='post'/>
  </div>
 <b:else/>
  <b:include data='post' name='post'/>
 </b:if>
<b:else/>
 <b:include data='post' name='post'/>
</b:if>


Нажмите просмотреть шаблон. И если всё верно сделали, то результат увидите сразу. Остались довольны, не забываем сохранить.

Конечно, нет необходимости уж слишком ярко его выделять. Лучше выбрать цветовое значение не на много контрастнее основного фона.  Сегодня всё. Ещё увидимся.


оформите подписку на новые шпаргалки

Введите Ваш email ...:


2 комментария:

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML