Help Chats

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Help Chats » Готовые настройки » Скролл для чата


Скролл для чата

Сообщений 1 страница 17 из 17

1

Скролл для чата
Можете добавить в любой раздел шаблонов

Код:
<style>
::-webkit-scrollbar { background: #000000; width: 13px; height: 13px; }
::-webkit-scrollbar-track { background: #090909; }
::-webkit-scrollbar-thumb:vertical { background-image: -webkit-linear-gradient(left, #333, #111); border: 1px solid #444; border-color: #444 #111 #111 #444; }
::-webkit-scrollbar-thumb:horizontal { background-image: -webkit-linear-gradient(top, #333, #111); border: 1px solid #444; border-color: #444 #111 #111 #444; }
::-webkit-scrollbar-corner { background: #090909; }
</style>

Пример можете посмотреть
https://s8.hostingkartinok.com/uploads/images/2017/12/c7c75bc81e27ed890dc12a19cdd2ae31.png

0

2

Код для быстрого просмотра дизайнов в чате
не нажимая ОК в личных настройках. Удобно для чатов, где много дизайнов, чтобы юзер мог быстро просмотреть их все, всего лишь кликая на их имя в настройках.
Код от Shogal 
Код вставляется в начало или в конец шаблона "HTML Шаблоны 1 => Настройки"

Код:
<script>
// Code from http://igust4u.ru/post36132.html, © Code4august, 2017
window.addEventListener('DOMContentLoaded', function(){
  document.getElementsByName('design').forEach(function(el){
    el.onclick = function(event){ root.loadDesign(event.target.value); };
  });
});
</script>

0

3

Шапочка новогодняя для вашего баннера
http://s7.uploads.ru/t/wSjmW.png
Собственно тут все очень просто
Перед Вашими
Баннерами надо вставить вот такой кусок

Код:
<div style="position:relative;width:88px"> 
<div style="background:url('https://forumupload.ru/uploads/2017/12/28/5b777eb7c2d00c1a4ace5bad0c7fb493-full.png');position:absolute;width:38px;height:52px;overflow:hidden;margin-left:-13px;margin-top:-6px"> </div>

А после баннеров поставить вот этот тег </div>
Можете поставить под любой цвет
http://se.uploads.ru/t/gvHmc.pnghttp://sh.uploads.ru/t/zba0W.pnghttp://s1.uploads.ru/t/ma691.png

0

4

Нашел в бесплатном доступе скрипты новогодние
Снежинки и Украшение новогоднее для вашего сайта,форума,чата.
Пример скриптов
http://s7.uploads.ru/t/5Htxp.png
Динамичная Гирлянда

Код:
<!-- динамичная гирлянда -->
<link rel="stylesheet" href="http://dvscr.ru/bonus/newyear/gerlyanda/style.css"/>
<script type="text/javascript" src="http://dvscr.ru/bonus/newyear/gerlyanda/95088.js"></script>
<script type="text/javascript" src="http://dvscr.ru/bonus/newyear/gerlyanda/88240.js"></script>
<script type="text/javascript" src="http://dvscr.ru/bonus/newyear/gerlyanda/66132.js"></script>
<!--окончание гирлянды-->

Снежинки

Код:
<script type="text/javascript" src="http://gay-guys.ru/design/snow/top-reg.js"></script>

0

5

Классный флаг для чата
Перестал пользоваться.Отдаю вам
http://s9.uploads.ru/t/LRqPY.png

Код:
%?<img src='http://chat-virtonline.ru/flags/%CO%.png' width="30px" height="21px" title="%COUNTRY%" border="0" />?%

Админка|HTML-шаблоны 1|Кто в чате.
Ищем переменную флага %SMALL_FLAG%.
И заменяем её на мой код

0

6

Влажок входа в чат и определение Города
Пример
http://se.uploads.ru/t/Qh71F.png
http://s3.uploads.ru/t/cdhJu.png

Код:
[TIME] К нам приходит NICK %?по приглашению %REFERER%?% из города %CITY% -<img src='http://chat-virtonline.ru/flaglove/%CO%.png' title="%COUNTRY%" border="0" />

Ставить в Раздел. Админка.Сервер.Сообщения

0

7

Как сделать так чтобы в килку добавить "перекидывать на другую страничку
Да все очень просто
Находим в разделе админки[Js Killer Actions ]
Выбираем пункт Js Killer Actions 4
Прописываем туда window.top.location.href="адрес_сайта" сохраняем
Далее идем в раздел HTML 1 находим окно киллера
Далее редактируешь шаблон киллера..
Находишь вот это:

Код:
%ACTION_PANEL<<<END
<fieldset>
<legend>действие&nbsp;</legend>
%radio("action", 2, [1, " лишить слова", 2, " выкинуть", 3, " открыть окна"], "<br>")%
</fieldset>
END%

и после
3, " открыть окна" добавляешь 4, "послать на адрес_сайта" вот так:

Должно получится так

Код:
%ACTION_PANEL<<<END
<fieldset>
<legend>действие&nbsp;</legend>
%radio("action", 2, [1, " лишить слова", 2, " выкинуть", 3, " открыть окна", 4, " послать на адрес_сайта"], "<br>")%
</fieldset>
END%

Можете поставить эту ссылку,будет смешно
http://natribu.org/

0

8

Выдвижная панель для радио или баннеров
Можете писать любую информацию
http://s7.uploads.ru/t/5esQm.png

сам код

Код:
<!-- JampPanel -Cлево -->
<style>
#JampPanel:hover{
margin-left:45px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #ffffff;
background-color:#000000;
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;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;left:0;margin-left:-202px;
background:#000000 url(https://imgs.su/upload/141/4041581869.png) 202px 2px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 -58px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#000000;
margin:-12px 0 0 234px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<center>
<br>Информация:<br>
ЗДЕСЬ МОЖЕТЕ ДОБАВИТЬ<br>
ВАШИ БАННЕРЫ ЛИБО РАДИО<br>

</div>
<style>
.panel {
   padding: 20px;
   width: 250px;
   background: #000000;
   border: #1C7BA7 1px solid;
   font-family: Georgia;
}
a { 
	text-decoration:none; 
	color:#00c6ff;
}
</style></a>
  </div>
</div>
<!--End//JampPanel-->

Саму надпись меню можете на свою заменить.

0

9

Индивидуальные теги для вашего чата.
Рисовали мне,отдаю в бесплатное пользования
https://s8.hostingkartinok.com/uploads/images/2018/01/4f29d87fc2c26a6c41e5ec7ae89be259.gif Пользователи

Код:
<div style="background: transparent url('ССЫЛКА НА КАРТИНКУ ТЕГА') left top no-repeat; min-width: 230px; min-height: 54px; padding-top:22px; padding-left:95px; font: normal 18px arial,sans-serif;">

Где написано ССЫЛКА НА КАРТИНКУ ТЕГА нужно вставить любой из пяти тегов которые я выше выставил.
Если что не понятно обращайтесь


                                                                                             ПРИМЕРЫ
http://s9.uploads.ru/t/RFPHy.png

0

10

Предпросмотр дизайнов
Данный код добавляет в личные настройки кнопку, по нажатию на которую открывается окно с предпросмотром дизайнов чата.
HTML-шаблоны 1 — Настройки. Найти:

Код:
%DESIGN_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Дизайн чата</th></tr>
<tr><td class=t>
%radio("design", %CHAT("DESIGN")%, %CHAT_DESIGN%, "<br>")%
</td></tr>
</table><br>
END%

Добавляем кнопку:

Код:
<input class="btn" type="button" title="Просмотр дизайнов" value="Просмотр дизайнов" name="designpreview" onclick="parent.wwo('Designpreview',  '/designpreview/', 'Designpreview', 1000, 700, 131); return false;" style="width: 100%;"/>

Уже готовый шаблон

Код:
%DESIGN_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Дизайн чата</th></tr>
<tr><td class=t>
%radio("design", %CHAT("DESIGN")%, %CHAT_DESIGN%, "<br>")%
<input class="btn" type="button" title="Просмотр дизайнов" value="Просмотр дизайнов" name="designpreview" onclick="parent.wwo('Designpreview',  '/designpreview/', 'Designpreview', 1000, 700, 131); return false;" style="width: 100%;"/>
</td></tr>
</table><br>
END%

Надпись на кнопке, ширину и высоту окна (1000 и 700) можете поставить свои.
Виртуальные каталоги. Добавляете строчку:
/designpreview/ —> /page/X/
где Х — номер свободной страницы чата.
Страницы — Страница X. Код страницы:

Код:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<title>Предпросмотр дизайнов</title>
%CSS(13)%
<style>
  .block1 { text-align: center; padding: 15px; float:left; width: 270px;  }
  .block1 img { cursor: url(http://code4august.ru/magnifyplus.cur), auto;  }
  #magnify { position: fixed; padding: 0px; border: 1px solid black; cursor: url(http://code4august.ru/magnifyminus.cur), auto; -moz-box-shadow: 10px 10px 50px #000; -webkit-box-shadow: 10px 10px 50px #000; box-shadow: 10px 10px 50px #000; }
  small { font-size: xx-small; font-style: italic; font-weight: normal; }
</style>
</head>
<body>
<h1>Предпросмотр дизайнов</h1>
</body>
<script>
var des=[
  {id: 0, name: "Супер-пупер <small>by eXandr</small>", img:  "http://ссылка_на_малое_превью_1.png", img2:  "http://ссылка_на_большое_превью_1.png"},
  {id: 1, name: "Домик <small>by Ниф-ниф</small>", img:  "http://ссылка_на_малое_превью_2.png", img2:  "http://ссылка_на_большое_превью_2.png"},
  {id: 2, name: "Дом <small>by Наф-наф</small>", img:  "http://ссылка_на_малое_превью_3.png", img2:  "http://ссылка_на_большое_превью_3.png"},
  {id: 3, name: "Домище <small>by Нуф-нуф</small>", img:  "http://ссылка_на_малое_превью_4.png", img2:  "http://ссылка_на_большое_превью_4.png"}
];
for(i = 0; i < des.length; i++){
  var div = document.createElement('div');
  div.className = 'block1';
  div.innerHTML = "<h3>"+des[i].name+"</h3>";
  div.innerHTML += "<img src='"+des[i].img+"' width=250 height=150 onclick='magnifyDesign("+i+")'>";
  div.innerHTML += "<input type='button' class='btn' style='width:80px; margin-top:5px;' onclick='setDesign("+des[i].id+")' value='ОК'/>&nbsp;";
  div.innerHTML += "<input type='button' class='btn' style='width:160px; margin-top:5px;' onclick='viewDesign("+des[i].id+")' value='Примерить'/>";
  document.body.appendChild(div);
}
function setDesign(id){
  var of = (opener.document.getElementsByName("august_info")[0].contentWindow || opener.document.getElementsByName("august_who")[0].contentWindow);
  var inputs = of.document.getElementById('design').getElementsByTagName('INPUT');
  for(i = 0; i < inputs.length; i++) if(inputs[i].type=='radio') inputs[i].checked = (id == inputs[i].value);
  window.close();
}
function viewDesign(id){
  opener.loadDesign(id);
}
function magnifyDesign(i){
  var m = document.getElementById('magnify');
  if(!m){ m = document.createElement('img'); m.id = 'magnify'; document.body.appendChild(m); }
  m.src = 'about:blank';
  m.src = des[i].img2;
  m.style.top = (document.body.clientHeight-360)/2;
  m.style.left = (document.body.clientWidth-600)/2;
  m.style.width = "600px";
  m.style.height = "360px";
  if(window.getComputedStyle) m.style.borderColor = window.getComputedStyle(document.body,null).getPropertyValue("color");
  m.style.display = 'block'; 
  m.onclick = function(){
    document.body.removeChild(document.getElementById('magnify'));
  }
}
</script>
</html>

Пояснения к коду:
var des=[ — тут начинается определение дизайнов чата, каждый из которых записывается внутри скобок {…}, между ними идут запятые. Описание дизайна состоит из
id: 1 — номер дизайна (как в ссылке --?d=1)
name: "Домик <small>by Ниф-ниф</small>" — название и автор дизайна
img: "http://ссылка_на_малое_превью.png" — ссылка на скрин дизайна шириной 250 пикселей, высотой 150 пикселей
img2: "http://ссылка_на_большое_превью.png" — ссылка на скрин дизайна шириной 600 пикселей, высотой 360 пикселей

При других размерах превью картинок требуется незначительное изменение кода шаблона.
Автор(Shogal).

0

11

Готовый шаблон
HTML шаблон 1 Отправка
С загрузкой картинки с компьютера и ссылкой
Пример

Показать

http://se.uploads.ru/kAzif.png

Код:
<script type="text/javascript">
parent.loadInfo('who');
function myfunc()
 {

   ssl = prompt("Вставьте ссылку на изображение", "");
  
   if (ssl != '')
   {
   
    taglist = document.getElementsByName('imess');
    taglist[0].value = taglist[0].value + ' ' + '<img src=' + ssl + '>';
   
   }
  
 }
</script>

<table class=send cellpadding=0 cellspacing=0 height=100%><tr>
<script defer src='http://dvscr.ru/kartinki_s_kompa/drop.min2.js'></script> 
<td nowrap><label class="btn" style="display: inline-block"> <img src=http://dvscr.ru/bonus/pic_btn_send/picdrop.png title="Загрузить изображение с компьютера"><input type=button style='display:none' name=dropzone-btn value="IMG"></label>
<td nowrap><input type=button class=btn onMouseOver=id=className onMouseOut=id='' onMouseDown=id=className+'d' onMouseUp=id=className name=clearframe value="/Cls" title="Clear frame" onclick="parent.clear(); document.send.imess.focus();"></td>
<td align=right> %button('smiles', 'Смайлы')%</td>
<td align=right> %button('mySmiles', 'Любимые ')%</td>
<td nowrap>%button("admin", "Admin", "Admin", "class='btn'", "style='display:none'")%</td>
<td nowrap>%button("xmm", "2RUS", "Преобразовать в русский текст", "", "accesskey=R")%</td>
<td nowrap>&nbsp;<span style="color:#ffffff">Привет, %NICK%!</td>
<td><input class="btn" type="button" value="img" ACCESKEY="i" onclick="myfunc();"></td>

<td width=100% class=p>%input('imess', '', '', %CFG('MaxMessLen')%, '', "style='width:100%;' x-webkit-speech")%</td>
<td nowrap>%button('send', 'Отправка', 'отправить')%%button('clear', 'Чистка', 'очистить')%%button('setup', 'Настройки')%</td> <td align=right>%button('exit', 'Выход ➥')%</td>
<td </td> 
</tr></table>

0

12

Меню для чата
http://sg.uploads.ru/t/Wr5df.png
http://sg.uploads.ru/t/az8rG.png

Код:
<style>
  #lup {
  background-color: none;
  cursor: pointer;
	-moz-transition: all 1.7s ease;
    -o-transition: all 1.7s ease;
    -webkit-transition: all 1.7s ease;
  }
  
  #lup:hover {
    text-indent: 12px;
    background-color: none;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2); 
    -o-transform: scale(1.2);
  }

.status_orig {
    width: 205px;
    overflow: hidden;
    height: 18px;
}
.status_hover {
    width: 205px;
    cursor: pointer;
}
#who{padding-bottom: 50px;}
.no_hover{
	opacity: 0.4;
-webkit-transition: all 250ms ;
-moz-transition: all 250ms ;
-ms-transition: all 250ms ;
-o-transition: all 250ms ;
transition: all 250ms ;
}
.hover{
	opacity: 1;
}
body, #who{
	padding-left:0px;
	padding-right:0px;
}
html{
	overflow:hidden;
	overflow-y: auto;
}
table{
	border-spacing:0;
}
.icon{

}

.x{
	display: table;
float:left;
}
.x .d{
	display: table-cell;
	vertical-align: middle;
     text-align: center;
height:30px;
width:30px;
}
.x .d .f{
max-height:30px;
max-width:30px;
min-height:30px;
min-width:30px;
}
h3{
padding-top: 10px;
padding-bottom: 10px;
}
#title{
padding-top: 10px;
}
div.gi { 
  max-width: 85px;
}
tr.invisrow td { -webkit-filter: blur(1px); filter: blur(1px); opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);  -moz-opacity: 0.3; -khtml-opacity: 0.3; }
tr.invisrow:hover td { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  -moz-opacity: 1; -khtml-opacity: 1; }
td { word-break: break-all; }
#who .n { white-space: normal!important; }
::-webkit-scrollbar { background: #000000; width: 13px; height: 13px; }
::-webkit-scrollbar-track { background: #090909; }
::-webkit-scrollbar-thumb:vertical { background-image: -webkit-linear-gradient(left, #333, #111); border: 1px solid #444; border-color: #444 #111 #111 #444; }
::-webkit-scrollbar-thumb:horizontal { background-image: -webkit-linear-gradient(top, #333, #111); border: 1px solid #444; border-color: #444 #111 #111 #444; }
::-webkit-scrollbar-corner { background: #090909; }
</style>

<style>
.reklama{ 
background: url('http://www.artem-daragan.do.am/mir/page3/images/bg_frame.jpg') repeat-y;
width:255px;
left: 10px;
position: absolute;
color: #204648;
}
</style>

<script type="text/javascript" src="http://chat-mir.ru/js/vmenu.js"></script>

<style>
#mymenu {
    z-index: 888;
    position: fixed;
    top: 0;
    left: 0;
}

#mymenu_content {
    background: url('http://www.artem-daragan.do.am/mir/menu-bg.gif') repeat-y;
    width: 273px;
    padding-top: 2px;
    padding-bottom: 14px;
    visibility: hidden;
    position: absolute;
}

#mymenu_header {
    background: url('http://i47.tinypic.com/v2vajq.png') top left no-repeat;
    z-index: 1;
    text-align: center;
    width: 273px;
    height: 20px;
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    padding-top: 5px;
    align: center;
}
.mynavlink {
    padding-left: 18px;
}
.mynavlink a {
    color: #96eeef;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 12px;
    padding-left: 8px;
    margin: 0;
    text-decoration: none;
}
.mynavlink a:hover {
    background: url('http://www.artem-daragan.do.am/mir/hover.gif') left no-repeat;
    color: #00c0c7;
}
.mynavlink p {
    padding: 0;
    margin: 0;
}
.contacts {
    text-align: center;
    color: #fff;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 12px;
}
#images1 { 
    opacity: 1; 
}
</style>

<div id="mymenu" class="mymenu" onmouseover="mymenu_show()" onmouseout="mymenu_hide()">
<div id="mymenu_content" class="mymenu_content">
<!-- Начало контента -->

<p class="mynavlink"><a href="http://cosmos.august4u.ru/gb/" target=_blank>Гостевая</a></p>
<p class="mynavlink"><a href="http://cosmos.august4u.ru/creation/" onclick="Window('creation/',0,0,129); return false;">Творчество</a></p>
<p class="mynavlink"><a href="http://cosmos.august4u.ru/calendar/" target=_blank>Календарь</a></p>
<p class="mynavlink"><a href="http://cosmos.august4u.ru/rules" target=_blank>Правила</a></p>
<p class="mynavlink"><a href="http://august4u.net/?partner=31702" target=_blank>Создать свой чат</a></p>

<hr color=#252525>

<div class="contacts">
<p style="font-weight:bold;">Связаться с админом:</p>
<p>Ник админа <img width="13" src="http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/actions/icq_invisible.png"> 000-000</p>
<p>Ник админа <img width="13" src="http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/actions/icq_invisible.png"> 000-000</p>
<p><a href="mailto:майл ру" style="color:#96eeef;">майл ру</a></p>
</div>
<script type="text/javascript">
mymenu_init();
</script>

<!-- Конец контента -->
</div>
<div id="mymenu_header">
&uarr; М е н ю ш к а &uarr;
</div>
</div>

[good]

0

13

Шаблон отправка

Код:
<table class=send cellpadding=0 cellspacing=0 height=100%><tr> 
<td nowrap> 

%button('mySmiles', 'Любимые')%
</td> 
<td width=100% class=p><input style="width:100%; padding: 4px 4px;" autocomplete="off" x-webkit-speech="" placeholder=" %NICK%, пиши сообщение..." class="inp" name="imess" maxlength="9000"> 
<td nowrap> 
%button('send', 'Сказать', 'Send message')%
%button('xmm', '2RUS', 'Преобразовать в русский текст', '', 'accesskey=R')% 
%button('clear', 'Чистка', 'очистить')%
%button('exit', 'Exit➥')% 
</td> 
<td></td> 

</tr><tr> 
<td></td> 
<td align=center nowrap> 
       <input type="button" class="btn" name="games" value="Игры">
      <input type="button" class="btn" name="noteBook" value="Записки"> 
     <input type="button" class="btn" name="history" value="Мои фразы"> 
     <input type="button" class="btn" name="myPhrases" value="Что мне сказали?"> 
      %button("admin", "Admin", "Admin", "class='btn'", "style='display:none'")%
     <input type="button" class="btn" name="ignore" value="Игноры"> 
    <input type="button" class="btn" name="smiles" value="Смайлы" title="Смайлы"> 
   <input type="button" class="btn" name="view" value="Разговор"> 
 <input type="button" class="btn" name="setup" value="Настройки">
</td> 
<td></td> 

</tr></table> 
<script type="text/javascript" src="http://dvscr.ru/bonus/open_smile.js"></script> 
<script type="text/javascript"> 
parent.loadInfo('who'); 
</script>

http://s3.uploads.ru/t/QCjtd.png

0

14

Названия вашего чата на фото в анкетах
Админка|Люди|Анкета|Фотоальбом
Сверху прописываем стили.

Код:
<style>
#photo_copy {
   position: relative;
}
#photo_copy copyright {
   color: #fff;
   font-weight: bold;
   position: absolute;
   bottom: 10px;
   left: 10px;
   width: 500px;
}
</style>

далее ищем

Код:
<img id=photo src=/images/0.gif width=%PHOTO_WIDTH% height=%PHOTO_HEIGHT% style="display: block;">

Меняем на это

Код:
<div id="photo_copy">
<img id=photo src=/images/0.gif width=%PHOTO_WIDTH% height=%PHOTO_HEIGHT% style="display: block;">
<copyright>тут ваша ссылка</copyright>
</div>

[good]

0

15

Муха в анкету либо в другие разделы

Код:
<script language="javascript">javascript:var e=window.document.createElement('script');e.setAttribute('src','http://igust4u.ru/chats/flies/flies.js');window.document.body.appendChild(e);void(0);</script>

[good]

0

16

Шрифты для чатов августа
Админка,HTML 1 Раздел Настройки
http://forumupload.ru/uploads/0019/ab/0e/2/t421081.png

Код:
<style>
button { width: 22px; padding: 1px }
select { width: 100% }
.sq { width: 6px; height: 6px }
.in { border-width: 1px; width: 100% }
.pad10 { padding: 10px }
#nc td, #mc td { border: 0 }
.slider { background: #eee; margin: 2px 5px }
#slider { position: relative; background: #eee url(/images/bg-slider.gif) 0 3px no-repeat; width: 183px; height: 27px; margin: 5px auto }
#slider div { position: absolute }
.smiles div { margin: 1px }
img.icon { border: 1px solid #000; padding: 5px }
</style>

<script type="text/javascript">
function addNick() {
var form1 = document.getElementById('enter_mess').value;
var check1 = form1.indexOf("NICK");
var form2 = document.getElementById('quit_mess').value;
var check2 = form2.indexOf("NICK");

if (check1 == -1 && form1 != 0) {
document.getElementById('enter_mess').value = "NICK " + form1;
}
if (check2 == -1 && form2 != 0) {
document.getElementById('quit_mess').value = "NICK " + form2;
}
}
</script>

%NICK_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th colspan=2>Графический ник</th></tr>
<tr><td width=100% class=t>
<div class='ex pad10' align=center>__%?<img name=nick src=/people/nick/%NICK% width=%NICK_WIDTH% height=%NICK_HEIGHT%>%:%<img name=nick src=images/0.gif>?%__</div>
</td>
<td class=t>
<a id=nick_up href=/ title='сдвинуть вверх'></a><br><a id=nick_down href=/ title='сдвинуть вниз'></a>
</td></tr>
<tr><td colspan=2 class=t>
%checkbox("use_pic", %USER_PICTURE%, 1, " использовать графник")%<br><br>
%input("nick_pic", "", 0, 0, "class=in type=file")%
<div>Размеры: %NICK_MAX_WIDTH%x%NICK_MAX_HEIGHT%, %NICK_FILESIZE%k</div>
</td>
</tr></tr>
</table><br>
END%

%ICON_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Личная иконка</th></tr>
<tr><td class=t>
<div class=pad10 align=center>
%?
<img class=icon name=icon src=/people/icon/%ICON% width=%ICON_WIDTH% height=%ICON_HEIGHT%><br>
%checkbox("del_icon", 0, 1, " удалить иконку")%
%:%
<img class=icon name=icon width=0 height=0>
?%
</div>
%input("icon_pic", "", 0, 0, "class=in type=file")%
<div>Размеры: %ICON_MAX_WIDTH%x%ICON_MAX_HEIGHT%, %ICON_FILESIZE%k</div>
</td></tr>
</table><br>
END%

%COLOR_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>%T%</th></tr>
<tr><td align=center class=t>
<div class='ex pad10'><span id=%N%_ex></span></div>
%input("%N%_color", "", 0, 255, "class=in")%
<table id=%N%_colors_table border=0 cellpadding=0 cellspacing=0></table>
%?%GRADIENT%%(%GRADIENT_PANEL%)%?%
</td></tr>
</table><br>
END%

%GRADIENT_PANEL<<<END
</td></tr>
<tr><td class=t>
%checkbox("%N%_gradient", 0, 1, " градиентный цвет")%
<table id=%N%_gradient_colors cellspacing=1 cellpadding=0 width=100% bgcolor=black></table>
END%

%STYLE_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>%T%</th></tr>
<tr><td nowrap class=t id=%N%_fonts_table></td></tr>
<tr><td class=t>
%radio("%N%_weight", 0, [1, " тонкий", 2, " нормальный"], "<br>")%<br>
%checkbox("%N%_italic", 0, 4, " курсив")%
</td></tr>
</table><br>
END%

%INVISIBLE_PANEL<<<ENDEND
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Невидимость</th></tr>
<tr><td class=t>
%checkbox("invisible", %INVISIBLE%, 1, " невидимка")%<br>
%checkbox("friends", %FRIENDS%, 1, " только для друзей")%<br>
%checkbox("add_friend", %ADD_FRIENDS%, 1, " автодобавление друзей")%
</td></tr>
</table><br>
ENDEND%

%PHRASES_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Фразы</th></tr>
<tr><td class=t>
&nbsp;Фраза при входе:<br>
%input("entry_mess", %ENTRY_MESS%, 0, 100, "class=in")%<br>
&nbsp;Фраза при выходе:<br>
%input("exit_mess", %EXIT_MESS%, 0, 100, "class=in")%<br><br>
&nbsp;TIME - текущее время<br>&nbsp;NICK - ваш ник
</td></tr>
</table><br>
END%

%MODER_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Модерирование</th></tr>
<tr><td class=t>
%?%MODER_FORM%%checkbox("notify_form", %MODER_NOTIFY_FORM%, 1, " уведомлять о регистрации новой анкеты")%<br>?%
</td></tr>
</table><br>
END%

%PARAM_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Параметры</th></tr>
<tr><td class=t>
%checkbox("smooth_nav", %SMOOTH_NAV%, 1, " плавная навигация")%<br>
%checkbox("smooth_mess", %SMOOTH_MESS%, 1, " плавная прокрутка")%<br>
%checkbox("show_time", %SHOW_TIME%, 1, " выводить время")%<br>
%checkbox("local_time", %LOCAL_TIME%, 1, " локальное время")%<br>
%checkbox("smiles_off", %SMILES_OFF%, 1, " отключить смайлы")%<br>
%checkbox("nicks_off", %NICKS_OFF%, 1, " отключить графники")%<br>
%checkbox("img", %IMG%, 1, " разрешить картинки")%<br>
%checkbox("media",%MEDIA%, 1, " разрешить звук")%<br>
%checkbox("mono", %MONO%, 1, " монохромный цвет")%<br>
%checkbox("keep_nick", %KEEP_NICK%, 1, " сохранять ник")%<br>
%checkbox("translit", %TRANSLIT%, 1, " транслит (Ctrl+Alt)")%<br>
%checkbox("security", %SECURITY%, 1, " высокая безопасность")%<br>
%?%checkbox("hide_views", %HIDE_VIEWS%, 1, " скрывать просмотры")%<br>%PRIV_HIDE_VIEWS%?%
</td></tr>
<tr><th>Вывод сообщений</th></tr>
<tr><td class=t>
%radio("dir", %DIR%, [0, " сообщения сверху", 1, " сообщения снизу"], "<br>")%<br>
&nbsp;%select("mm", %MM%, [0, 50, 1, 100, 2, 150, 3, 200, 4, 300, 5, 500], "", "style=width:60px")% фраз в окне
</td></tr>
<tr><th>Сообщения для меня</th></tr>
<tr><td class=t>
%radio("my_phrases", %MY_PHRASES%, [0, " не выделять", 1, " подчеркивать", 2, " в рамку", 3, " подсвечивать", 4, " отфильтровывать"], "<br>")%<br>
%checkbox("exactly_nick", %EXACTLY_NICK%, 1, " точная проверка ника")%
</td></tr>
</table><br>
END%

%SOUNDS_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Звуки</th></tr><tr>
<td class=t>Громкость звуков: <span id=volume></span>%
<div class=slider><div id=slider><div><img width=23 height=27 src=images/slider-cursor2.gif></div></div></div>
</td></tr>
<tr><td nowrap class=t>

<table cellspacing=1 cellpadding=0 class=t>
<tr><td colspan=2 nowrap>%checkbox("use_my_sound", 0, 1, " сообщение для меня")%</tr>
<tr>
<td width=100%><select name=my_sound></select></td>
<td><button class=in name=play_my title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>

<tr><td colspan=2 nowrap>%checkbox("use_nb_sound", 0, 1, " мне пришла записка")%</tr>
<tr>
<td width=100%><select name=nb_sound></select></td>
<td><button class=in name=play_nb title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>

<tr><td colspan=2 nowrap>%checkbox("use_pr_sound", 0, 1, " приглашение в приват")%</tr>
<tr>
<td width=100%><select name=pr_sound></select></td>
<td><button class=in name=play_pr title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>

%?%WEBCAMERA%
<tr><td colspan=2 nowrap>%checkbox("use_wc_sound", 0, 1, " подключение к веб-камере")%</tr>
<tr>
<td width=100%><select name=wc_sound></select></td>
<td><button class=in name=play_wc title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>
?%

<tr><td colspan=2 nowrap>%checkbox("use_vote_sound", 0, 1, " начало голосования")%</tr>
<tr>
<td width=100%><select name=vote_sound></select></td>
<td><button class=in name=play_vote title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>

<tr><td colspan=2 nowrap>%checkbox("use_nick_sound",0 , 1, " пришел/ушел друг")%</tr>
<tr>
<td width=100%><select name=nick_sound></select></td>
<td><button class=in name=play_nick title='прослушать'><img src=images/sound.gif width=16 height=16></button></td>
</tr>

<tr>
<td width=100%>%input("add_nick", "введите ник кого ждем", 0, 0, "class=in")%
<td>%button("add", ">>", "добавить ник", "style=width:24px")%
</tr>
</table>

<select name=nicks size=3></select>
</td></tr>
</table><br>
END%

%DESIGN_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Дизайн чата</th></tr>
<tr><td class=t>
%radio("design", %CHAT("DESIGN")%, %CHAT_DESIGN%, "<br>")%
</td></tr>
</table><br>
END%

%SEX_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Ваш пол</th></tr>
<tr><td class=t>
%radio("sex", %SEX%, [1, " мужской", 2, " женский", 0, " скрываю"], "<br>")%
</td></tr>
</table><br>
END%
%PERSONAL_SMILES_PANEL<<<END
<table cellspacing=0 cellpadding=0 class=t>
<tr><th>Личные смайлики</th></tr>
<tr><td class=t>
%button("smiles", "Показать", "", "", "style=width:100%")%
</td></tr>
</table><br>
END%

<center><h3>Личные настройки</h3>
<table cellspacing=1 cellpadding=0 align=center width=100%>
<tr><td colspan=2>

%(%?%PRIV_NICK_GRAPH%%NICK_PANEL%?%)%
%(%?%PRIV_ICON%%ICON_PANEL%?%)%
%T="Цвет ника"%%N="n"%%GRADIENT=%PRIV_NICK_GRADIENT%%
%(%?%PRIV_NICK_COLOR%%COLOR_PANEL%?%)%
%T="Цвет сообщений"%%N="m"%%GRADIENT=%PRIV_MESS_GRADIENT%%
%(%?%PRIV_MESS_COLOR%%COLOR_PANEL%?%)%
%T="Шрифт ника"%%N="n"%
%(%?%PRIV_NICK_STYLE%%STYLE_PANEL%?%)%
%T="Шрифт сообщений"%%N="m"%
%(%?%PRIV_MESS_STYLE%%STYLE_PANEL%?%)%
%(%?%PRIV_INVISIBLE%%INVISIBLE_PANEL%?%)%
%(%?%PRIV_PHRASES%%PHRASES_PANEL%?%)%
%(%PARAM_PANEL%)%
%(%SOUNDS_PANEL%)%
%(%DESIGN_PANEL%)%
%(%?%TRUE(%PROFILE%)%%:%%SEX_PANEL%?%)%
%(%?%PRIV_PERSONAL_SMILES%%PERSONAL_SMILES_PANEL%?%)%
%(%?%MODER%%MODER_PANEL%?%)%

</td></tr>
<tr><td width=50%>%submit("ok", "OK", "", "", "style=width:100%")%</td><td width=50%>%button("cancel", "Cancel", "", "", "style=width:100%")%</td></tr>
</table>
    <script>
     window.addEventListener('DOMContentLoaded', function(){
    	window.$ = function( n ) {
        return parent.$(n, window)
    	}
    	window.tableFonts = function( n, f ) {
        var font_priv = 1; // <= you can specify here whenever user can set own font or not
        _lbl++;
        var table = $(n + "_fonts_table");
        var Fonts = 'Arial,Book Antiqua,Bookman Old Style,Calibri,Cambria,Candara,Century,Century Gothic,Comic Sans MS,Consolas,Constantia,Corbel,Courier New,Franklin Gothic,Garamond,Georgia,Lucida Console,Lucida Sans Unicode,Microsoft Sans Serif,Monotype Corsiva,Palatino Linotype,Segoe Print,Segoe Script,Segoe UI,Sylfaen,Tahoma,Times New Roman,Trebuchet MS,Verdana'.split(',');
        var tabFont = "<tr><td><input id=_" + _lbl + " type=radio name=" + n + "_font value=\"\"" + (f [1] ? "" : " checked") + "><td> <td><label for=_" + _lbl + ">default</label></tr>";
        var set = false;
        for (var i = 0; i < Fonts.length; i++) {
        	_lbl++;
        	var checked = Fonts [i].toLowerCase () == f [1].toLowerCase ();
        	set |= checked;
        	tabFont += "<tr><td><input id=_" + _lbl + " type=radio name=" + n + "_font value=\"" + Fonts [i] + "\"" + (checked ? " checked" : "") + "><td><td><label for=_" + _lbl + " style='font-family: " + Fonts [i] + "'>" + Fonts [i] + "</label></tr>";
        }	tabFont += "<tr><td><input type=radio name=" + n + "_font value=1 onClick=\"" + n + "_font_user.select (); " + n + "_font_user.focus ()\"" + ((!set && f [1]) ? " checked" : "") + "><td><td><input class=in onFocus=\"" + n + "_font [" + n + "_font.length - 1].checked = true\" name=" + n + "_font_user" + (font_priv ? "" : " disabled") + " maxlength=30 value='" + (set ? "" : f [1]) + "'></tr>";
        table.innerHTML = "<table width=100% cellspacing=0 cellpadding=1 class=t><col><col><col width=100%>" + tabFont + "</table>";
        setup [n + "_weight"] [((f [2] & 3) == 1) ? 0 : 1].checked = true;
        setup [n + "_italic"].checked = f [2] & 4;
    	}
    	var NickIMG = Setup.ns.indexOf ("%") + 1;
    	if ($("n_fonts_table"))
        tableFonts ("n", (NickIMG ? Setup.dbns : Setup.ns).split (":"));
    	if ($("m_fonts_table"))
        tableFonts ("m", Setup.ms.split (":"));
    });
    </script>
<script>
// Code from http://igust4u.ru/post36132.html, © Code4august, 2017
window.addEventListener('DOMContentLoaded', function(){
  document.getElementsByName('design').forEach(function(el){
    el.onclick = function(event){ root.loadDesign(event.target.value); };
  });
});
</script>

Windows 7, Chrome,81.0.4044.113

0

17

Сердечки на курсоре
http://forumupload.ru/uploads/0019/ab/0e/2/t16987.png

Код:
<script src="https://chagara.ucoz.com/tochka/gulebi.js"></script>

0


Вы здесь » Help Chats » Готовые настройки » Скролл для чата