Graf-Art форум графики

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

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


Вы здесь » Graf-Art форум графики » Настройка чата » Готовые настройки ‡Шаблоны


Готовые настройки ‡Шаблоны

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

1

https://s8.hostingkartinok.com/uploads/images/2017/12/c7c75bc81e27ed890dc12a19cdd2ae31.png
Скролл для чата

Код:
<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>

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://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

5

Влажок входа в чат и определение Города
Пример
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

6

Как сделать так чтобы в килку добавить "перекидывать на другую страничку
Да все очень просто
Находим в разделе админки[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

7

Выдвижная панель для радио или баннеров
Можете писать любую информацию
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

8

Предпросмотр дизайнов
Данный код добавляет в личные настройки кнопку, по нажатию на которую открывается окно с предпросмотром дизайнов чата.
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

9

Дополнительное меню в окне кто в чате
http://sg.uploads.ru/t/Wr5df.pnghttp://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>

0

10

mama ama kriminal написал(а):

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

а куда этот код ставить?

0

11

Broken soul
в html-шаблоны.
Для списка посетителей это шаблоны 1 - "кто в чате"
для фрейма это шаблоны 1 - "окно разговора"

0


Вы здесь » Graf-Art форум графики » Настройка чата » Готовые настройки ‡Шаблоны