Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

__ISSUE__


Теги шрифтов и цветов в шаблонах Blogger

Продолжаем изучать шаблоны Blogger. Мы уже рассмотрели следующие темы:

Сегодня у нас еще одна небольшая, но интересная тема - переменные цветов и шрифтов в шаблонах Blogger.

Если Вы знакомы с HTML и CSS, то Вы можете настраивать шрифты и цвета прямо в исходном коде шаблона блога. Но в Blogger также есть возможность делать это более удобным способом - с помощью панели управления цветами и шрифтами блога ("Дизайн" > "Шрифты и цвета"). Для того чтобы определенные цвета и шрифты стали доступны для редактирования в панели "Шрифты и цвета", нужно соблюсти несколько простых правил. Особенно рекомендуется добавлять в шаблон поддержку панели настройки шрифтов и цветов, если Вы собираетесь заняться разработкой и распространением шаблонов Blogger.

В разделе <head> кода шаблона нужно добавить два специальных тега - <b:skin> и </b:skin>. Между этими тегами описываются стили CSS, а также специальные теги переменных, которые и делают возможным наглядную настройку шрифтов и цветов в панели управления "Шрифты и цвета". Прежде чем углубиться в детали, рассмотрим небольшой пример:

<head>

 ...
<b:skin>
  <style type='text/css'>
  /*
   * Описания переменных:
   *  <Variable name='bgcolor' description='Цвет фона страницы' 
       type='color' default='#fff' value='#fff'>
   */
  body {
    background: $bgcolor;
    margin: 0;
    padding: 40px 20px;
  }
  </style>
</b:skin>
</head>

Читать далее >>

Дневник провинциального программиста
Copyright (C) 2009. Все права защищены.


В избранное