Ruby Brewed: templates

Главная » тег : templates

среда, 30 декабря 2009 г.

Шаблон sIFR 2.0 без флэш

Обезфлэшивание шаблона для Blogger

Недавно переделал довольно симпатичный шаблон для Blogspot-блогов – sIFR 2.0.

Шаблон sIFR 2.0 без flash

четверг, 24 декабря 2009 г.

Виджет Заголовок (Header) включен в шаблон блога по-умолчанию. С виду этот виджет «висит себе и жрать не просит», но он далеко не так прост, как может показаться. В этой статье я разобрал «по деталям» код виджета заголовка. Попутно рассмотрев такие конструкции шаблона как b:section, b:widget и b:includable. И сделав, пожалуй, самый подробный разбор виджета «Заголовок». Во всяком случае, этой информации пока нет даже в официальной справке.

В результате получилось очень много букв. Но все рассмотрено на конкретном примере, разобрано как целиком, так и по фрагментам, поэтому думаю будет не сложно.

пятница, 27 ноября 2009 г.

Сайдбар в шаблоне Blogger

Невероятно, но факт – существуют шаблоны Blogger и вовсе без боковой панели – «сайдбара» (sidebar). Лично я подозреваю, что основным инструментом создания таких шаблонов является клавиша Del, нажатая в нужном месте. Тем не менее нельзя полностью исключить исчезновение сайдбара как результат некоего Высшего Замысла.

В данном случае речь о ситуации когда нужды пользователя идут вразрез с замыслом Его Рукоблудия – дизайнера.

Как вернуть сайдбар в Blogger

За редкими исключениями, основной блок (main) и боковая панель (sidebar) располагаются внутри блока «содержимое» (content). Причем, main – с «прилипанием» к левому краю содержимого, sidebar – к правому. Или наоборот (зависит от ВЗ).

Блоки Main и Sidebar в шаблоне Blogger

Перед внесением любых изменений в шаблон, рекомендую сделать резервную копию.

Перво-наперво, следует добавить HTML код сайдбара в шаблон. Внутри блока content (или content-wrapper), сразу за блоком main (main-wrapper):

<div id='content-wrapper'>
  
  <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='Сообщения блога' type='Blog'/>
    </b:section>
  </div>

  <!-- Код для сайдбара -->
  <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
      <!-- Здесь будут виджеты сайдбара -->
    </b:section>
  </div>
  <!-- Конец кода сайдбара -->

  <!-- Следующий код убирает обтекание текста -->
  <div class='clear'> </div>

</div> <!-- end content-wrapper -->

С помощью CSS стилей шаблона Blogger задать боковой панели выравнивание справа: float: right;

Важный момент (смотри картинку): Поскольку блоки main и sidebar расположены на одном уровне внутри контейнера content-wrapper, нужно доступную ширину разделить между ними. Можно попросту задать «от бадлы», а потом «доработать напильником». В общем случае будет выглядеть так:
```
#main-wrapper {
  width: 500px;/* ширина основного блока */
  float: left;/* выравнивание по левому краю */
}
#sidebar-wrapper {
  width: 300px;/* ширина боковой панели */
  float: right;/* выравнивание по правому краю */
}
```

Сохранить шаблон.

Теперь всё на своих местах; порядок и благолепие.

--
Организовать твою поклажу, – лэптоп, коммуникатор, бутерброд и два пакетика кофе, – помогут специальные средства. Например – сумки для ноутбуков или другого багажа.

пятница, 18 сентября 2009 г.

Аватары в комментариях Blogger

Good news everyone!

Теперь, по сообщению Blogger Buzz, в комментариях Blogger поддерживаются аватары. Или картинки из профиля пользователя.

Активировать или деактивировать эту функцию можно в разделе Настройки | Комментарии.

Так же упрощена возможность загрузки фото из профиля. Что значит «упрощена»? Когда в следующий раз будешь писать «Зочод!» или «КГ/АМ» в комментариях, просто загрузи аватарку. И она будет использована для комментариев блога.

Эта функция работает только для стандартных шаблонов Blogger.

UPD: А следующий пост как раз о том как включить аватары в нестандартных шаблонах Blogger.

четверг, 7 мая 2009 г.

Шаблон Craftwork

Крайнее время особенно привлекают меня дизайны в стиле hand-drawn и hand-made. Из недавних находок понравился

шаблон для Blogger “Craftwork”

. Думаю, отлично подойдет для блогов о скрапбукинге и всевозможном рукоделии

Устанавливается в несколько шагов. Сначала устанавливается сам шаблон, затем вручную добавляются коды для RSS, navigation и для формы поиска (Search form).

Посмотреть пример шаблона