Скрипт Передвижной новейший мини чат для uCoz - Скрипты для uCoz - Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи - скрипты, шаблоны, видео уроки, статьи, иконки, кнопки
Четверг, 21.11.2024, 19:54
Приветствую Вас Гость | RSS

Скрипты, Шаблоны, Уроки для uCoz

Меню сайта
Реклама
Наш опрос
Как поживаете?
Всего ответов: 120
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи

Главная » Файлы » Скрипты для uCoz

Скрипт Передвижной новейший мини чат для uCoz
03.02.2010, 20:49

Это Чат который можно передвигать и представлен он в красивом оформлении
Тут не используеться 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>

Чтобы чат имел оформление такое же как на картинки (я имею ввиду такую же полосу прокрутки и т.д. нужно поменять в : Дизайн > упровление дизайном (шаблоны) > Мини чат > Вид материалов

все на этот код:

Code

<DIV class=cBlock$PARITY$ style="PADDING-RIGHT: 4px; PADDING-LEFT: 2px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px">  
<DIV style="TEXT-ALIGN: left"><!--IF--><A title="У этого пользователя ник $USERNAME$" href="$PROFILE_URL$" rel=nofollow></A>[<SPAN style="FONT-SIZE: 8pt">$DATE$ </SPAN><SPAN style="FONT-SIZE: 8pt">$TIME$ </SPAN>] <A href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><SPAN style="COLOR: #000000; FONT-FAMILY: Arial Black"><STRONG>$NAME$</STRONG></SPAN></A> <?if($EMAIL$)?><A title=$STR_EMAIL$ href="$EMAIL_JS$"><IMG src="http://s20.ucoz.net/t/971/e.gif" align=absMiddle border=0></A><?endif?> <?if($SITE$)?><A title=$STR_URL$ href="$SITE$" target=_blank rel=nofollow><IMG src="http://s20.ucoz.net/t/971/h.gif" align=absMiddle border=0></A><?endif?> </DIV>  
<DIV class=cMessage style="TEXT-ALIGN: left"><SPAN style="FONT-SIZE: 10pt">$MESSAGE$ </SPAN></DIV></DIV>  
<STYLE>BODY {SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: red; SCROLLBAR-SHADOW-COLOR: #adadad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000;  
  }</STYLE>





Скачать Скрипт Передвижной новейший мини чат для uCoz
Зеркало Скрипт Передвижной новейший мини чат для uCoz



Источник:
Категория: Скрипты для uCoz | Добавил: z10y4el
Просмотров: 3573 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Зачекай
Поиск
ucoz — это бесплатная система управления сайтом и хостинг для сайтов. ucoz сайты - это просто, удобно и быстро. Здесь вы можете создать бесплатные сайты на любую из интересующих вас тем, домен и хостинг предоставляются также бесплатно. На нашем сайте вы найдете скрипты для ucoz для удобства оформления вашего сайта. Кроме того, мы предлагаем на ваш выбор шаблоны для ucoz по различной тематике и цветовой гамме. Выбор темы для ucoz зависит только от вас. Это могут быть такие дизайны для ucoz, как природа, недвижимость, музыка, игры, транспорт, спорт и многие другие. Также вы можете найти различные виды меню для ucoz, чтобы улучшить внешний вид вашего сайта. Для создания особого стиля вашего сайта и для того, чтобы соответствовать основной тематике, у нас вы можете найти шапки для ucoz. Если у вас возникнут какие-либо трудности в создании сайтов, смотрите видео уроки для ucoz. При необходимости вы можете скачать видео уроки на нашем сайте. Конструктор ucoz, предлагаемый нашим сайтом, позволяет даже новичку создать хороший сайт с большими возможностями. Мы желаем вам успехов в создании сайтов с помощью script.ucoz.lv.