Как сделать сайдбар слева для ls 1.0.3?

Блог им. active6
Всем привет.
Нашел в сети один сайт — modx(точка)im
на нем сделан сайдбар слева, захотел себе так же замутить.
Пошел в сайдбар у себя, смотрю код такой:
<aside id="sidebar" {if $sidebarPosition == 'left'}class="sidebar-profile"{/if}>
	{include file='blocks.tpl' group='right'}
</aside>

Сменил все наоборот(с left на right, и right на left), но в итоге результата нет.

Помогите реализовать такую фичу. Шаблон стандартный — synio
С уважением, Сергей

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

avatar
помогите решить вопрос!
avatar
поиграйте с css со свойствами #sidebar и #content

как пример
#sidebar {
    float: right;// заменяем на float: left;
    width: 240px;
}

#content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-right: 295px;//заменяем на margin-left: 295px;
    min-height: 1px;
    position: relative;
}

Сайдбар с контентом поменяются местами
avatar
Спасибо за помощь!
Если не трудно, подскажите какой файл править, а то там 35 шт, код лопатить не охота.
Большое Вам спасибо!
avatar
СПОСОБ 1
— 1.Подпишите название файла(например style.css) на первой строке в комментариях файла style.css
2.Пользуясь FireBag на вашем сайте найдите строку в файле css с вашем стилем (уже собранном- то есть при загрузке странице движок слепливает все css файлы в один )
3.Определите по ближайгему сверху комментарию к какому он относится файлу
4.Открываете этот файл и правите нужный стиль

СПОСОБ 2
— 1.Откройте все css файлы в Notepad++
2.Нажмите Ctrl+F (поиск) и введите нужный селектор (класс или ID, например #sideba или #content )
3. Кликните «Искать во всех документах»
4. Исправьте в нужном…

!!!
Точнее не скажу, так как не известен ваш шаблон, я могу свой шаблон наваять так, что у меня все это будет в 50 или в 1-м файле, такчт «фиg» его знает в каком файле у вас.
avatar
Если стандартные шаблоны(develop, synio) то вроде в base.css или grid.css
avatar
Спасибо Вам большое! Нашел наконец что и где)
в файле grid.css, строчка 26-27.

Но возникла новая проблема. Вывод информации на статической странице с ощибкой теперь. Все данные слетели вправо и обрезало текст.
вот скрин:
avatar
прямая ссылка на скрин- 4.firepic.org/4/images/2014-03/10/94ihw635892e.png
avatar
Ну нужно все стили пересмотреть, ширину блока с текстом, свойства padding и margin — они то были настроены относительно старого расположения, то есть слева отступа не было допустим а справа есть, теперь нужно убрать…
avatar
а вот кстати и профи на помощь livestreet.ru/blog/16695.html
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.