Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Джамп панель

Джамп панель

Страница: 1

Сообщений 1 страница 6 из 6

1

  • Автор: моральная крыса
  • Заслуженный
  • моральная крыса
  • Зарегистрирован: Пт, 23 Дек 2011
  • Сообщений: 132
  • Уважение: +4
  • Позитив: +8
  • Пол: Мужской
  • Последний визит:
    Вт, 5 Июн 2018 21:53:21

Здравствуйте.
Хочу поставить боковую панель на форум, но не с левой стороны, как обычно, а с правой.
Что надо поменять вот в этом коде?

Код:
<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 22px;
          right: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background: #F0F0F0;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          top: 22px;
          right: -250px;
          background: #F0F0F0;
          width: 200px;
          padding: 25px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>
Код:
<div id="slideout">
<img src="картинка">
<div id="slideout_inner">
Наполнение
</div>
</div>

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51190
  • Уважение: +15223
  • Позитив: +11641
  • Последний визит:
    Вчера 23:16:05

http://forumdts.org/viewtopic.php?id=30 … =2#p107832

0

3

  • Автор: моральная крыса
  • Заслуженный
  • моральная крыса
  • Зарегистрирован: Пт, 23 Дек 2011
  • Сообщений: 132
  • Уважение: +4
  • Позитив: +8
  • Пол: Мужской
  • Последний визит:
    Вт, 5 Июн 2018 21:53:21

Deff
Эта джамп панель ужасно неудобная и непонятная. Та, что я скинул намного лучше... Что в ней то нужно поменять?

0

4

  • Автор: моральная крыса
  • Заслуженный
  • моральная крыса
  • Зарегистрирован: Пт, 23 Дек 2011
  • Сообщений: 132
  • Уважение: +4
  • Позитив: +8
  • Пол: Мужской
  • Последний визит:
    Вт, 5 Июн 2018 21:53:21

Вопрос все еще актуален!

0

5

  • Автор: Alex Runal
  • Стремящийся
  • Зарегистрирован: Сб, 12 Янв 2013
  • Сообщений: 1
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пт, 25 Янв 2013 17:34:30
моральная крыса написал(а):

Хочу поставить боковую панель на форум, но не с левой стороны, как обычно, а с правой.

Так эта и так справа стоит  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif
Но если все-таки надо, чтоб была слава и слева же выползала, то меняем коды стиля на такие

Код:
<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 22px;
          left: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background: #F0F0F0;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 0px 5px 5px 0px;
          -moz-border-radius: 0px 5px 5px 0px;
          border-radius: 0px 5px 5px 0px;
          }
#slideout_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          top: 22px;
          left: -250px;
          background: #F0F0F0;
          width: 200px;
          padding: 25px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 5px 0px;
          -moz-border-radius: 0 0 5px 0px;
          border-radius: 0 0 5px 0px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          left: 250px;
          }
#slideout:hover #slideout_inner {
        left: 0;
          }
</style>

0

6

  • Автор: моральная крыса
  • Заслуженный
  • моральная крыса
  • Зарегистрирован: Пт, 23 Дек 2011
  • Сообщений: 132
  • Уважение: +4
  • Позитив: +8
  • Пол: Мужской
  • Последний визит:
    Вт, 5 Июн 2018 21:53:21

Alex Runal
спасибо, все работает!

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Джамп панель