• Главная страница
  • Новые сообщения
  • Участники сайта
  • Правила форума
  • Поиск по форуму
  • Зарегистрироваться
  • Войти на сайт




  • Страница 1 из 1
  • 1
Форум-Все для CSS| uCoz | PhotoShop | Left 4 Dead2| TF2| DOD » Скрипты для uCoz » Мини-чат » Передвижной мини-чат
Передвижной мини-чат
Кот
Offline
Дата: Суббота, 04.06.2011, 21:39 | Сообщение # 1
Группа: Администраторы
Сообщений: 274
Репутация: off
Это Чат который можно передвигать и представлен он в красивом оформлении
Тут не используеться AJAX! Чат который вы будете видеть у себя на сайте будет точно таким же каким вы видите его на скриншоте!

Особенности:

1. Чат Можно двигать в любые стороны как Ajax но Ajax е используеться и дополнительных рамок как у Ajax нет!
2. Чат не надо предварительно открывать и т.п. Чат откроеться со страницей!
3. Чат можно просто закрыть нажав на "Закрыть чат"

Вот код чата:

Code
<html>   
  <head>   
      <title></title>   
      <meta content="MSHTML 6.00.6000.20935" name="GENERATOR" />   
  </head>   
  <body>   
      <style type="text/css">   
  <!--   
  div#upmpopup {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200:     ignoreMe)+'px');position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px');}   
  -->   
  </style>   
      <div id="ppmpopup">   
      <div class="cpmpopup" id="upmpopup"><!--BODY PM START-->   
      <style type="text/css">   
  <!--   
  #newpm { position:absolute; height:235px; width:405px; padding:4px; background-color:#ffffff; border:2px solid #505050; border-collapse: collapse; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; line-height:135%; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }      
      #newpmheader { padding-left:25px; padding-right:10px; padding-top:7px; height:25px; color:#000000; background-color:#f2e8c9; border:1px solid #ff0000; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; cursor:move; }      
      #newpm a{ background:transparent; color:#4191BA; text-decoration:none; }      
      #newpm a:hover{ background:transparent; color:#FF0000; text-decoration:underline; }   
  -->   
  </style>   
      <div id="newpm" style="DISPLAY: none; LEFT: -1px; WIDTH: 412px; TOP: 17px; HEIGHT: 204px">   
      <div id="newpmheader" style="WIDTH: 398px; HEIGHT: 33px">   
      <div style="FLOAT: right"><a href="javascript://" onclick="document.getElementById('newpm').style.display='none'; return false;"><img src="http://s46.radikal.ru/i112/0912/d3/39458f27b50d.png" border="0" /></a></div>   
      <div title="Наш Чат" align="center"><b><span style="FONT-SIZE: 12pt; COLOR: #696969; FONT-FAMILY: Times New Roman">ЧАТ</span></b></div></div>$CHAT_BOX$<!--%IFEN2%1%--><!--%IFEL3%1%--><div align="justify"><img class="userAvatar" title="$USERNAME$" src="http://romale80.ucoz.ru/noavatar.gif.png" align="left" border="1" vspace="0" height="50" hspace="3"><!--%IFEN3%1%--><!--IF-->   
      <div align="left">  

        

      </div>      
      <div align="right"><a href="javascript://" onclick="document.getElementById('newpm').style.display='none'"><span style="FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Impact">Закрыть чат</span></a><span style="FONT-SIZE: 8pt"></span></div><!--BODY PM END--></div><!--SCRIPT PM START--><script type="text/javascript" src="http://romale80.ucoz.ru/post/pm.js"></script><script type="text/javascript">document.getElementById("ppmpopup").style.height=document.getElementById("upmpopup").offsetHeight+'px';</script><!--SCRIPT PM END--><!--PM POPUP END-->$POWERED_BY$</div></div>   
  </body>   
  </html>
Форум-Все для CSS| uCoz | PhotoShop | Left 4 Dead2| TF2| DOD » Скрипты для uCoz » Мини-чат » Передвижной мини-чат
  • Страница 1 из 1
  • 1
Поиск:

Все материалы на сайте, принадлежат
исключительно их владельцам!
© «New-Portal.at.ua» 2024. Все права защищены.
Бесплатный конструктор сайтов - uCoz