Help Chats

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

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


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


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

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

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://cdn1.savepice.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


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