Клуб WEB Мастеров
Вс, 22.07.2018, 18.24.28
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Java Скрипты для ucoz саитов » Все для ucoz сайта » Сборный скрипты » Всплывающая боковая мини чат (Всплывающая боковая мини чат)
Всплывающая боковая мини чат
KazrexДата: Пт, 16.08.2013, 21.36.16 | Сообщение # 1
Создател
Группа: Администраторы
Сообщений: 183
Статус: Ofline
Вставим верх страницы саита
Код
<!-- ChatPanel-->
<style>
#ChatPanel:hover{
margin-left:260px;
}
#ChatPanel,#ChatPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#ChatPanel {opacity:0.86;
position:fixed;
z-index:1200;
height:190px;
top:8px;
left:-200px;
margin-left: 0px;
background:#F0F0F0 url(graphics/Mini_chat/chat.png) 200px 2px no-repeat;
     transition-duration: 0.33s;
    -webkit-transition-duration: 0.33s;
    -moz-transition-duration: 0.33s;
    -o-transition-duration: 0.33s;
width:230px;
}
#ChatPanel .container{
padding:12px;
height:400px;
width:100%;
margin:-1px 0 0 -60px;
}
#Minichat{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin: -12px 0 0 234px;
}
</style>
<div id=ChatPanel>
    <div class=container>
      <div id=Minichat></div>
$CHAT_BOX$
    </div>
</div>
<!--End//ChatPanel-->


kazrex
Казахстан
Almaty - Almaty
Java Скрипты для ucoz саитов » Все для ucoz сайта » Сборный скрипты » Всплывающая боковая мини чат (Всплывающая боковая мини чат)
  • Страница 1 из 1
  • 1
Поиск:

KAZREX © 2018