Siniy's blog

Продолжаем с замечательной темой blocks от mg12.

Версия с прямым переводом и некоторыми допиливаниями:)

Скачать: blocks_ru_lite_tw

Изменения по сравнению со старой версией:
Допереведен sidebar.php
Исправлен ряд ошибок
Добавлена кнопка Twitter, которая устанавливается в админке.

А дальше, я вам расскажу как растягивать тему.

1. Какие файлы править?
Редактировать будем только css — в зависимости от того, сколько колонок используется. В любом случае нужно править style.css, а если тема трехколоночная, то и slyle_3col.css.

2. Что мы будем править?
Определяемся, какой ширины нам нужна тема — стандартная занимает ровно 900 символов.
В style.css ищем слово #container и у него заменяем свойство width на нужное нам количество символов. В текущей теме у меня стоит 1100px.
Далее нам нужно поменять значения width у #main и #sidebar, а в случае с 3х-колоночной темой еще и #sidebar_left и #sidebar_right.

#container — это вся часть шаблона, #main — основная колонка блога, #sidebar — соответственно, вся боковая колонка, или левая и правая части ее.

3. Какие значения мы будем определять?
3.1. В случае с двухколоночной темой правим файл style.css:

Как видно, ширина подчиняется формуле:
#container = #main + #sidebar + 10px (поля)
Тут все легко ведь, да? Сохраняем css, обновляем сайт (лучше Ctrl+F5, чтоб стиль брался не из кеша) и смотрим что не так, либо наслаждаемся результатом.

3.2. В случае с трехколоночной темой правим файл style.css:

файл slyle_3col.css:

Тут формулы уже 2:
#container = #main + #sidebar + 10px
#sidebar = #sidebar_left + #sidebar_right + 10px
Либо же
#container = #main + #sidebar_left + #sidebar_right + 20px

У меня в нынешнем состоянии сайта такие значения в обоих файлах стиля:

Такие значения вроде устраивают.

4. А что с размером шрифта?
Ищем в style.css стиль для тега body и меняем значение font-size на нужное, например, у меня сейчас 11px.

Вроде все, что хотел рассказать. Пишите.

Опять подымаю такую тему, как эффективная раскрутка сайта. До сих пор очень мало человек посещают сайт... А жаль...