Изменение ширины колонки

Этот урок показывает, как изменить ширину левой или правой колонки в шаблонах YOOtheme, созданных в период до июля 2009 года, когда еще не применялась технология Warp Framework.
Изменение ширины левой или правой колонки может быть выполнено за несколько шагов.

Левая колонка

Чтобы изменить ширину левой колонки, откройте файл layout.css и измените ширину селектора div#left, а также отступ селеткора div#main. Разница в 10 пикселей - это отступ между левой и главной колонкой.Например:
div#left { 
width: 200px; }
.left div#main
{
margin: 0px 0px 0px 210px;
}
.right div#main
{
margin: 0px 210px 0px 0px;
}

Правая колонка

Для правой колонки откройте файл layout.css и измените ширину селектора div#right и отступ селектора div#content. Разница в 10 пикселей - это отступ между правой и главной колонкой.
Например:
div#right 
{
width: 180px;
}
.showright div#content
{
margin: 0px 190px 0px 0px;
}
  • Пятница, 08 июня 2012

Оставить комментарий

Вы комментируете как Гость.

beget