Как увеличить ширину шаблона Blogger
Тяжело будет впихивать третью колонку(http://dotrb.blogspot.com/2009/12/3-kolonka-v-shablone.html)
в шаблон, предварительно не расширив страницу. Добавить блогу ширины можно с помощью несложного тюнинга стилей CSS шаблона.
Разные шаблоны спроектированы по-разному, и основные блоки
в них могут называться и задаваться по-разному.
Хорошее правило: увеличивать ширину тех блоков, где она задана с использованием свойства width.
Пример:по-умолчанию шаблон составляет 660 пикселей в ширину, увеличим его до 1000 px.
Элементы шаблона Blogger.
Элементы шаблона Blogger
В общем случае, нужно будет увеличить следующие элементы:
| «Обертка» страницы |
| Меняю ширину с 660px на 1000px: |
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
} |
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
|
Здесь и далее изменяется только свойство width; все остальное остается без изменений.
| Заголовок |
| Меняю: |
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
|
#header-wrapper {
width:1000px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
|
«Подвал»
|
| тоже увеличивается до 1000 пикселей в ширину |
#footer {
width:660px;
/* ... */
}
|
#footer {
width:1000px;
/* ... */
}
|
Теперь нужно сохранить шаблон.
После этого появится место для дополнительной колонки в блоге.
Пост скриптум
Возможно, в некоторых шаблонах нужно будет увеличить ширину «обертки» центрального блока, внутри которого находятся блок сообщений блога и боковая панель.
В шаблоне «Минима» это блок #content-wrapper, но ширина для него задается «автоматически» и тут ничего менять не надо.
источник: http://dotrb.blogspot.com/2010/02/shirina-shablona-blogger.html#.WwFvCYtqc7Y
0 коммент.:
Отправить комментарий