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

автор Элинор Август 23rd 2012, 14:30

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

автор Ms VicounteSS Сентябрь 7th 2012, 00: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>

автор Элинор Сентябрь 16th 2012, 16:35

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

Помогло.

автор Элинор Сентябрь 16th 2012, 16:51

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

автор **Ilya** Сентябрь 16th 2012, 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;
}

Мини-Чат

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