Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Вообщем сделал стиль, в body {} в параметре max-witdh указал максимальную ширину, чтобы с ПК сайт не растягивало на весь экран, соответственно с тлф половина сайта уходит вниз (скрины приложу ниже)
Все, что в голову пришло - это сделать сайдбар выезжающим (например как на спэйсе), но перепробовав уйму вариантов я так и не смог это сделать, не пойму я как это работает, но все-таки знающие люди посоветуйте как можно решить проблему?
ExPress
Отправлено: 03 Мая, 2014 - 13:22:24
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Скрины:
с ПК все ровно, как и должно Прикреплено изображение (Нажмите для увеличения)
ExPress
Отправлено: 03 Мая, 2014 - 13:22:59
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
а с тлф вот такая шняга Прикреплено изображение (Нажмите для увеличения)
Конструктор
Отправлено: 03 Мая, 2014 - 15:27:58
Частый гость
Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010
Помог: 1 раз(а)
ExPress пишет:
Вообщем сделал стиль, в body {} в параметре max-witdh указал максимальную ширину, чтобы с ПК сайт не растягивало на весь экран, соответственно с тлф половина сайта уходит вниз (скрины приложу ниже)
Все, что в голову пришло - это сделать сайдбар выезжающим (например как на спэйсе), но перепробовав уйму вариантов я так и не смог это сделать, не пойму я как это работает, но все-таки знающие люди посоветуйте как можно решить проблему?
С удовольствием бы помог, только 3 раза прочитав, так и не понял, что вы хотите и в чем проблема.
Пожалуйста напишите задачу по-русски
Лучше всего в описании использовать принцип - что есть, и что хотели бы получить.
И еще каким то образом желательно увидеть ваш css/html
Возможно вам нужно другие размеры для блоков указать,
а может убрать свойство float,
а может у вас полностью адаптивная верстка и для разных разрешений свой Css.
----- Если все время идти вперед, до цели будет немного ближе..
ExPress
Отправлено: 03 Мая, 2014 - 15:43:30
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Есть css, который с пк отображается нормально, но если зайти с тлф, то отображается только половина сайта, другая уходит вниз т.к. не влезает все содержимое на экран тлф.
Поэтому я хочу сделать сайдбар (боковую панельку, которая будет выезжать слева при клике, если не понятно что это, то вот пример http://jemand.ru/examples/vydvigayushhayasya-panel-na-css.html) Проблема в том, что я незнаю как он делается. Либо подскажите как и что можно сделать, чтобы зайдя с тлф на сайт, он отображался нормально, тоесть в целостности.
P.S. изложил максимально подробно
ExPress
Отправлено: 03 Мая, 2014 - 15:50:24
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Конструктор пишет:
ExPress пишет:
Вообщем сделал стиль, в body {} в параметре max-witdh указал максимальную ширину, чтобы с ПК сайт не растягивало на весь экран, соответственно с тлф половина сайта уходит вниз (скрины приложу ниже)
Все, что в голову пришло - это сделать сайдбар выезжающим (например как на спэйсе), но перепробовав уйму вариантов я так и не смог это сделать, не пойму я как это работает, но все-таки знающие люди посоветуйте как можно решить проблему?
С удовольствием бы помог, только 3 раза прочитав, так и не понял, что вы хотите и в чем проблема.
Пожалуйста напишите задачу по-русски
Лучше всего в описании использовать принцип - что есть, и что хотели бы получить.
И еще каким то образом желательно увидеть ваш css/html
Возможно вам нужно другие размеры для блоков указать,
а может убрать свойство float,
а может у вас полностью адаптивная верстка и для разных разрешений свой Css.
Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010
Помог: 1 раз(а)
Вообще-то для телефонов с небольшим разрешением принято чтобы вверху был сайдбар.
Правда при этом каждый пункт этого сайдбара растянут по ширине. (у вас ширина сайдбара фиксированная)
Я бы так и оставил. Но сделал бы верстку адаптивной.
То есть до 640px ширины - обычный вариант, а если ширина браузера меньше - то другой вариант стилей.
Это делается с помощью медиа-запросов.
Или вы хотите чтобы сайт на ПК и мобильных был совсем одинаковым?
Если да то чуть позже подскажу верстку.
В двух словах...
1) Сайдбар который появляется нужно заранее спозиционировать по центру окна и создать стили.
По умолчанию у него свойство Css display: none;
2) делаем кнопку и привязываем события клика. При клике свойство Css делаем display: block;
3) Также делаем событие клика по кнопке закрытия сайдбара и меняем Css display: none;
Для обработки событий используем js или jQuery
----- Если все время идти вперед, до цели будет немного ближе..
ExPress
Отправлено: 03 Мая, 2014 - 16:37:20
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Дело в том, что я мног овариантов сайдбаров перепробовал, у меня не получилось его организовать.
Вообще в идеале я бы хотел, чтобы, как вы уже поняли страница отображалась одинаково как с пк, так и с телефона.
Сайдбар - это лишь моя попытка сделать хоть что то ))
Конструктор
Отправлено: 03 Мая, 2014 - 21:35:15
Частый гость
Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010
Помог: 1 раз(а)
ExPress пишет:
Дело в том, что я мног овариантов сайдбаров перепробовал, у меня не получилось его организовать.
Вообще в идеале я бы хотел, чтобы, как вы уже поняли страница отображалась одинаково как с пк, так и с телефона.
Сайдбар - это лишь моя попытка сделать хоть что то ))
(Добавление)
Скинул примерный набросок, хотя в верстке у вас есть много непонятно для чего сделанных стилей.
При переходе по ссылке сайдбар будет исчезать, так как для каждой новой страницы у него по умолчанию display:none;
----- Если все время идти вперед, до цели будет немного ближе..
ExPress
Отправлено: 03 Мая, 2014 - 23:40:50
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Конструктор пишет:
ExPress пишет:
Дело в том, что я мног овариантов сайдбаров перепробовал, у меня не получилось его организовать.
Вообще в идеале я бы хотел, чтобы, как вы уже поняли страница отображалась одинаково как с пк, так и с телефона.
Сайдбар - это лишь моя попытка сделать хоть что то ))
(Добавление)
Скинул примерный набросок, хотя в верстке у вас есть много непонятно для чего сделанных стилей.
При переходе по ссылке сайдбар будет исчезать, так как для каждой новой страницы у него по умолчанию display:none;
Благодарю. С принципе все хорошо, только подскажите пжл что сделать, чтобы при выезжании сайдбара другая часть сайта отодвигалась вправо и затемнялась?
ExPress
Отправлено: 04 Мая, 2014 - 00:43:35
Новичок
Покинул форум
Сообщений всего: 35
Дата рег-ции: Май 2013
Помог: 0 раз(а)
Вот, посмотрите, нашел исходник (вроде бы нужного сайдбара) js + задействованные дивы.
Не понятно только как его использовать, конкретно где и что прописывать
Покинул форум
Сообщений всего: 128
Дата рег-ции: Апр. 2010
Помог: 1 раз(а)
ExPress пишет:
что сделать, чтобы при выезжании сайдбара другая часть сайта отодвигалась вправо и затемнялась?
1. При верстке делать абсолютное позиционирование перемещаемых элементов.
2. Для затемнения делаем анимацию изменения стилей на jQuery.
и добавляем еще один div выше сайдбара по коду.
<divstyle="width: 100%; height: 100%"></div><!-- Блок на весь экран который будет затемняться -->
<divclass="sidebar"></div><!-- сайдбар -->
3. Для переезжания элемента делаем анимацию Css свойства position.
PS: Конечно красивее будет и быстрее использовать готовый скрипт, но в вашем исходнике я не смог разобраться, но для этого обычно есть какая то демо верския. Без html довольно сложно понять логику скрипта.
Посмотрите например тут http://sideroad.secret.jp/plugins/jQuerySideBar/
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.