Изменить размер Сайдбара в Synoi [Решено]

Блог им. mnemoza
Здравствуйте.
Может кто подскажет как правильно изменить размер Сайдбара, что бы непоехала верстка?
Пробовал в grid.css поменять значение 
#sidebar	{ float: right; width: 240px; }
, но летит верстка.

Версия шаблона 1,0,1

Решение:
Открываем templates/skin/synio/css/grid.css
Находим: 
#wrapper 	{ overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
#content 	{ min-height: 1px; margin-right: 295px; background: #fff; position: relative; }
#sidebar	{ float: right; width: 240px; }


Меняем в "#sidebar" width: 240px на свои параметры(у меня к примеру width: 300px)
Меняем в "#content" margin-right: 295px на свои параметры с учетом, что тут параметр должен быть на 55px больше (у меня к примеру width: 355px)
Меняем в "#wrapper" url(../images/sidebar-border.png) 100% на url(../images/sidebar-border.png) 90%

Незабываем почистить кэш.
— Отдельное спасибо vaucher за наводку.

15 комментариев

avatar
absolute?
avatar
я вас не понимать.
avatar 
#sidebar {
    float: right;
    width: 315px;
}


#content {
    background: #FFFFFF;
    margin-right: 370px;
    min-height: 1px;
    position: relative;
}
avatar
ах да и бордер у wrapper-a 
url("../images/sidebar-border.png") repeat-y 90% 0 #FFFFFF
avatar
Я заменил
#sidebar        { float: right; width: 240px; }

на
#sidebar {
    float: right;
    width: 315px;
}

#content {
    background: #FFFFFF;
    margin-right: 370px;
    min-height: 1px;
    position: relative;
}


но шаблон поехал.
avatar
Ну так версию та желательно указывать, в 1.0 верстка не много другая, я на 1.0.1 показал.
В 1.0 увеличивай сайдбар а контент уменьшай
avatar
У меня и есть 1,0,1
avatar
Проблему решил. Все описал в топике.
avatar
V 1.0.1, шаблон Synoi, плагин Synoi_Slow
sidebar слева

#wrapper 	{ overflow: hidden; zoom: 1; padding: 10px 16px 20px 5px; margin-bottom: 60px; background: #fff url(../images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; }
#content        { min-height: 1px; margin-left: 295px; background: #fff; position: relative; }
#flow_content        { min-height: 1px; margin-left: 0px; background: #fff; position: relative; }
#sidebar        { float: left; width: 255px; background: #fff;  padding: 10px 5px 10px 10px; border-radius: 10px; zoom: 1; }

Вот такой код в grid.css
На главной весь flow смещён вправо.
Съехал Slow
Подскажите пожалуйста где прописать чтобы встало на место.
Целый день вожусь…
avatar
напишите мне я помогу, работал с флоу дя заказчика и имел дело с сайтбаром.
avatar
дело не только в стилях :)
avatar
Спасибо, отписал в личку
avatar
МОЙ ШАБЛОН
livestreet.ru/blog/12681.html
avatar
Скажите, а как увеличить #container, то есть общую ширину?
Через firebug открываю и там показывается следующее #container {width: 976px;}.
Но в templates/skin/synio/css/grid.css id container параметра ширины не указано.

Подскажите где капать/менять?
avatar
templates\skin\synio\settings\config\config.php
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.