Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Всплывающая панель сбоку форума

Предыдущая тема Следующая тема Перейти вниз

Всплывающая панель сбоку форума

Сообщение автор Элинор в Чт 23 Авг - 14:30

В  этой теме рассказывается, как сделать панель вверху форума.
Возможно, ли сделать всплывающую панель сбоку форума?

Элинор
 

Женщина

Сообщения : 39
Возраст : 21
Регистрация : 2012-08-22
Благодарности : 0

Без предупреждений

http://pirates-caribbean.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель сбоку форума

Сообщение автор Ms VicounteSS в Пт 7 Сен - 0:06

У меня есть что-то по типу.
Код можно ставить в виджет или шаблон:
Код:
<style type="text/css">
#slideout {
z-index: 194;
position: fixed;
top: 100px;
right: 0;
width: 46px;
padding: 23px 0;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
#slideout_inner {
z-index: 240;
color: #000000;
position: fixed;
top: 110px;
right: -250px;
background: #fff url() repeat;
width: 200px;
padding: 15px;
max-height: 500px;
-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: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
box-shadow: 0px 0px 5px rgba(0,0,0,.8);
}
#slideout_inner textarea {
width: 200px;
height: 100px;
margin-bottom: 6px;
}
#slideout:hover {
right: 230px;
}
#slideout:hover #slideout_inner {
right: 0;
}
</style><div id="slideout">
<img src="http://i79.servimg.com/u/f79/17/37/83/89/button10.png" alt="открыть" title="открыть" /><div id="slideout_inner">ЗДЕСЬ СОДЕРЖИМОЕ ПАНЕЛЬКИ</div>
</div>

Ms VicounteSS
Новичок

Сообщения : 17
Регистрация : 2012-02-22
Благодарности : 0

Без предупреждений

http://m-game.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Re: Всплывающая панель сбоку форума

Сообщение автор Элинор в Вс 16 Сен - 16:35

Спасибо Вам большое.  Помогло.

Элинор
 

Женщина

Сообщения : 39
Возраст : 21
Регистрация : 2012-08-22
Благодарности : 0

Без предупреждений

http://pirates-caribbean.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель сбоку форума

Сообщение автор Элинор в Вс 16 Сен - 16:51

Вот ещё маленький вопрос.
Подскажите, как это окно сделать с левой стороны?

Элинор
 

Женщина

Сообщения : 39
Возраст : 21
Регистрация : 2012-08-22
Благодарности : 0

Без предупреждений

http://pirates-caribbean.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель сбоку форума

Сообщение автор Ilya в Вс 16 Сен - 17:05


#slideout {
z-index: 194;
position: fixed;
top: 100px;
right: 0;
width: 26px;
padding: 15px 0;
text-align: center;
background-image: url(http://s018.radikal.ru/i500/1209/cb/dfddd29e0427.png);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
#slideout_inner {
z-index: 240;
color: #000000;
position: fixed;
top: 110px;
right: -250px;
background-image: url(http://s41.radikal.ru/i094/1209/fa/9651addf62c5.png);
width: 200px;
padding: 15px;
max-height: 500px;
-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: 200px;
height: 100px;
margin-bottom: 6px;
}
#slideout:hover {
right: 230px;
}
#slideout:hover #slideout_inner {
right: 0;
}






Мини-Чат

ЗДЕСЬ БЫЛ КОД ЧАТА

right - замените на left


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Мужчина

Сообщения : 3051
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Регистрация : 2011-10-29
Благодарности : 1455

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель сбоку форума

Сообщение автор Элинор в Вс 16 Сен - 17:21

Спасибо! Вопрос решён.

Элинор
 

Женщина

Сообщения : 39
Возраст : 21
Регистрация : 2012-08-22
Благодарности : 0

Без предупреждений

http://pirates-caribbean.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения