понедельник, 17 марта 2008 г.

Как разширить шаблон "Scribe" для Blogger

Иногда хочеться изменить немного дизайн блога. Не поменять кардинально, а просто чуть-чуть подправить. Вот так и мне. Шаблон моего блога мне всегда нравился. Не нравилась только маленькая ширина шаблона, 700 пикселей. Вот и решил немного его расширить. Пикселей на 100. Пока что.

По этому хочется описать, как я это сделал. Пошагово. У меня стандартный шаблон Blogger - "Scribe".

Первое. Найти все места, где задается ширина шаблона. Заменяем:
'width:700px;' на 'width:800px;' в строках 123, 130, 138, 146; Можно сказать, что шаблон мы испортили, растянув подложки.

Второе. Подогнать боковую и основную текстовые зоны шаблона. Заменяем:
'width:430px;' на 'width:500px;' в 200-й строке;
'width:150px;' на 'width:180px;' в 208-й строке;

Третье. Вроди бы и все, но фоновая картинка не в порядке. Дело в том, что фоновая картинка никак не хочет изменять своих размеров. По этому проведем некоторые манипуляции с фоновым рисунком, вернее с тремя: верхним, средним, нижним;
'background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat;'
на
'background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") repeat-x 240px 0px;'
в 132;

'background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat;'
на
'background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") repeat-x 240px 0px;'
в 140;
'background:#FF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y;'
на
'background:#FF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat 240px 0px;'
в 147;

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

Эще в суботу переделал стандартный двухколоночный шаблон в трехколоночный, можно посмотреть здесь.

Сегодня порадовала Марина Смайли и дейсвтвительно открыла свою тайну мальчиша-кибальчиша или как действительно зароботать денег. Я б не рассказывал об этом. Идея красивая и простая.

Если понравился пост или информация была полезной, подпишись на RSS.

p.s. Еще в шаблоне в строке №92 есть цвет #999 - перевернуть. Заменил его на всякий случай на #777. Удачи.

1 комментарий:

calibra комментирует...

Так хочется изменить немного дизайн блога, ваша статья будет к стати.