29.11.2010 05:34:58
Теги по категориям
Это бета версия, но по сути вполне комфортная.
HTML шаблоны 1 - Окно списке тегов.
Пример шаблона.
<style type="text/css">
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
В данном шаблоне 4 категории, названия можите менять на свое.
Теперь расскажу вам как в эти 4 категории добавлять теги.
Заходим в админку в теги, и перед добавлением тега ставим этот код - <span class="q1">
q1 - первая категория, q2 - вторая, q3 - третья, q4 - четвертая.
Пример: тег будет называться 123.
Код тега будет.
<font size="4" color="#FF0000">ВСЕМ ПРИВЕТ!!!</font>
Мы ставим его д опустим в 4 категорию, и естественно добавляем перед тегом <span class="q4">
<span class="q4"><font size="4" color="#FF0000">ВСЕМ ПРИВЕТ!!!</font>
На этом примере добавляем теги в 1,2,3 итд категории.Запомните что если перед тегом не будет добавления <span class="q4"> 4-номер категории, то этого тега в категориях не будет.
Теперь рассмотрим шаблон с добавлением категории.
Добавляем код.
$("#pop").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q5").parent().parent().parent().parent().parent().parent().show();
});
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q5").parent().parent().parent().parent().parent().parent().show();
});
pop- id категории.
q5 - категория, по сути номер.
И естественно добавляем кнопочку с этой категорией.
<button id="pop">Пятая</button>
Пример шаблона.
<style type="text/css">
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
$("#pop").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q5").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
<button id="pop">Пятая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
$("#pop").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q5").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
<button id="pop">Пятая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
И ещё один плюс можно создать доп-стили для кнопочек.
Так будет кошернее!
Добавляем стили на button.
button {
background: #09F;
margin: 0 5px 0 5px;
font-size: 14px;
font-weight: bold;
color: #FF0;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
button:hover {
background: #0FF;
color: #FFF;
}
background: #09F;
margin: 0 5px 0 5px;
font-size: 14px;
font-weight: bold;
color: #FF0;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
button:hover {
background: #0FF;
color: #FFF;
}
Кнопочки стали поизящнее, плюс шрифт цвет итд.
Я делал на бум, а вы уж сами с цветами поэксперементируйте.
Пример конечного шаблона.
<style type="text/css">
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
button {
background: #09F;
margin: 0 5px 0 5px;
font-size: 14px;
font-weight: bold;
color: #FF0;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
button:hover {
background: #0FF;
color: #FFF;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
li {
display:none;
}
#sos {
display:none;
}
#navigation {
margin-left:auto;
margin-right:auto;
text-align:center;
}
button {
background: #09F;
margin: 0 5px 0 5px;
font-size: 14px;
font-weight: bold;
color: #FF0;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
button:hover {
background: #0FF;
color: #FFF;
}
</style>
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kiss").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q1").parent().parent().parent().parent().parent().parent().show();
});
$("#sex").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q2").parent().parent().parent().parent().parent().parent().show();
});
$("#tux").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q3").parent().parent().parent().parent().parent().parent().show();
});
$("#mix").click(function(){
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
$(".q4").parent().parent().parent().parent().parent().parent().show();
});
});
function alltogetheron() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "block";
}
var d = document.getElementById("sos");
sos.style.display = "table-row";
}
function alltogetheroff() {
var e = document.getElementsByTagName("li");
for(var i=0; i<e.length; i++) {
e[i].style.display = "none";
}
var d = document.getElementById("sos");
sos.style.display = "none";
}
</script>
<table id="navigation">
<tr>
<td colspan="3">
<button id="kiss">Первая</button>
<button id="sex">Вторая</button>
<button id="tux">Третья</button>
<button id="mix">Четвёртая</button>
</td></tr>
<tr><td>↑</td>
<td>По категориям</td>
<td>↑</td>
</tr>
<tr>
<td>↓</td>
<td><a href="#_alltogether_on" onclick="alltogetheron();">или все сразу?</a></td>
<td>↓</td>
</tr>
<tr id="sos">
<td colspan="3"><a href="#_alltogether_off" onclick="alltogetheroff();">Спасти трафик!!!</a></td>
</tr>
</table>
%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>
<ul>
%CHAT('TAGS', '<li>/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
<div align=right><a href="/help">помощь</a></div>
P.S. Названия категорий меняем на свои.
По сути вам нужно будет поставить шаблон, и приписать к каждому тегу добавленный код на группу.
В самом шаблоне уже ничего потом менять не нужно.
Небольшой конструктивный подарок для всех.
Плюсы в нем все же есть.
1. Теги смогут видеть только зарегистрированные пользователи находящиеся в чате.
2. Стоит маленькая защита на правую кнопку мышки. Потому как если соблюдать всю инструкцию, то она понадобится для нубов.
3. Полностью весь дизайн со всеми скриптами мы преподносим вам сами.
Хочу сказать большое спасибо Пижону, который нарисовал данный дизайн.
Зарегистрированному пользователю, в чате будет отображаться так.
Инструкция
1. Админка|Меню.
Где у нас находятся теги мы должны поставить относительную ссылку а не абсолютную — help?tags
У вас стоит к примеру так — http://ваш-чат/help?tags
А нужно поставить так — help?tags
Это делается для потому что ID и номер сессии передаются только на внутренние страницы.
Т.е в абсолютной ссылки теги у нас никто не сможет смотреть.
Поэтому мы ставим относительную ссылку, заместо абсолютной.
Галочки должны стоять только: открывать в новом окне, полосы прокрутки. Все остальные галочки убрать!!!
Размер: 1000 x 0. + галочка: изменяемый размер окна.
Пример находится на скрине.
Заменяем шаблон на этот.
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript" src="https://igust.servis4u.top/chats/tags/groups.js"></script>
<script language="javascript" src="https://igust.servis4u.top/chats/tags/alert.js"></script>
<link rel="stylesheet" type="text/css" href="https://igust.servis4u.top/chats/tags/style.css" media="all">
%NICK = %?%USER('NICK')%%:%nick?%%
%?%TRUE(%USER("PROFILE")%)%
<table id="navigation">
<tr><td colspan="3" id="head"></td></tr>
<tr>
<td colspan="3">
<button id="raznoe">Разное</button>
<button id="prikol">Приколы</button>
<button id="inform">Инфа</button>
<button id="love">Любовь</button>
<button id="music">Музыка</button>
<button id="pozdrav">Праздник</button>
</td></tr><tr><td></td><td></td><td></td></tr>
<tr><td></td>
<td align="center"><a id="button_on" href="#_alltogether_on" onclick="alltogetheron();">Открыть все</a></td>
<td></td></tr>
<tr id="sos">
<td colspan="3" align="center"><a id="button_off" href="#_alltogether_off" onclick="alltogetheroff();">Закрыть</a></td>
</tr>
</table>
<div align="center">
<ul class="tags_ul">
%CHAT('TAGS', '<li class="tags_li">/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul></div>
%:%
<div id="head"></div>
<h1>Просматривать список тегов могут только зарегистрированные<br> чатлане,находящиеся в чате<br>
Зарегистрироватся можно <a href="/people/form?ref=%GET('ref')%" target="_blank">"ЗДЕСЬ"</a>.</h1>
?%
3. Админка|Теги.<script type="text/javascript" src="https://igust.servis4u.top/chats/tags/groups.js"></script>
<script language="javascript" src="https://igust.servis4u.top/chats/tags/alert.js"></script>
<link rel="stylesheet" type="text/css" href="https://igust.servis4u.top/chats/tags/style.css" media="all">
%NICK = %?%USER('NICK')%%:%nick?%%
%?%TRUE(%USER("PROFILE")%)%
<table id="navigation">
<tr><td colspan="3" id="head"></td></tr>
<tr>
<td colspan="3">
<button id="raznoe">Разное</button>
<button id="prikol">Приколы</button>
<button id="inform">Инфа</button>
<button id="love">Любовь</button>
<button id="music">Музыка</button>
<button id="pozdrav">Праздник</button>
</td></tr><tr><td></td><td></td><td></td></tr>
<tr><td></td>
<td align="center"><a id="button_on" href="#_alltogether_on" onclick="alltogetheron();">Открыть все</a></td>
<td></td></tr>
<tr id="sos">
<td colspan="3" align="center"><a id="button_off" href="#_alltogether_off" onclick="alltogetheroff();">Закрыть</a></td>
</tr>
</table>
<div align="center">
<ul class="tags_ul">
%CHAT('TAGS', '<li class="tags_li">/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul></div>
%:%
<div id="head"></div>
<h1>Просматривать список тегов могут только зарегистрированные<br> чатлане,находящиеся в чате<br>
Зарегистрироватся можно <a href="/people/form?ref=%GET('ref')%" target="_blank">"ЗДЕСЬ"</a>.</h1>
?%
3.1. Категории.
Разное — <span class="q1">
Приколы — <span class="q2">
Инфа — <span class="q3">
Любовь — <span class="q4">
Музыка — <span class="q5">
Праздник — <span class="q6">
3.2. Перед каждым тегом мы должны выставить его категорию.
Допустим тег <font size='4'>Админ нуб</font> — название "админ" мы хотим поставить в категорию разное.
Ставим в тегах название а перед самим кодом ставим группу.
Пример:
<span class="q1"><font size='4'>Админ нуб</font>
Если хотим поставить в другую группу, допустим приколы то естественно перед самим тегом ставим <span class="q2">Пример с картинокй (моей аватаркой).
<span class="q2"><img src='https://igust.servis4u.top/download/file.php?avatar=53_1298207659.gif'>
3.3. Название категорий можно изменить на свои, но отталкиваться по строению категорий мы будем из пункта 3.1.
4. Подарок + Кликабельные тэги в окне тэгов из "этой темы"
<script type="text/javascript" src="https://igust.servis4u.top/chats/jquery.js"></script>
<script type="text/javascript" src="https://igust.servis4u.top/chats/tags/groups.js"></script>
<script language="javascript" src="https://igust.servis4u.top/chats/tags/setup.js"></script>
<link rel="stylesheet" type="text/css" href="https://igust.servis4u.top/chats/tags/style.css" media="all">
%NICK = %?%USER('NICK')%%:%nick?%%
%?%TRUE(%USER("PROFILE")%)%
<table id="navigation">
<tr><td colspan="3" id="head"></td></tr>
<tr>
<td colspan="3">
<button id="raznoe">Разное</button>
<button id="prikol">Приколы</button>
<button id="inform">Инфа</button>
<button id="love">Любовь</button>
<button id="music">Музыка</button>
<button id="pozdrav">Праздник</button>
</td></tr><tr><td></td><td></td><td></td></tr>
<tr><td></td>
<td align="center"><a id="button_on" href="#_alltogether_on" onclick="alltogetheron();">Открыть все</a></td>
<td></td></tr>
<tr id="sos">
<td colspan="3" align="center"><a id="button_off" href="#_alltogether_off" onclick="alltogetheroff();">Закрыть</a></td>
</tr>
</table>
<div align="center">
<ul class="tags_ul">
%CHAT('TAGS', '<li class="tags_li"><a href=# onclick="return copytag(this.innerHTML);">/%TAG%</a><table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul></div>
%:%
<div id="head"></div>
<h1>Просматривать список тегов могут только зарегистрированные<br> чатлане,находящиеся в чате<br>
Зарегистрироватся можно <a href="/people/form?ref=%GET('ref')%" target="_blank">"ЗДЕСЬ"</a>.</h1>
?%
<script type="text/javascript" src="https://igust.servis4u.top/chats/tags/groups.js"></script>
<script language="javascript" src="https://igust.servis4u.top/chats/tags/setup.js"></script>
<link rel="stylesheet" type="text/css" href="https://igust.servis4u.top/chats/tags/style.css" media="all">
%NICK = %?%USER('NICK')%%:%nick?%%
%?%TRUE(%USER("PROFILE")%)%
<table id="navigation">
<tr><td colspan="3" id="head"></td></tr>
<tr>
<td colspan="3">
<button id="raznoe">Разное</button>
<button id="prikol">Приколы</button>
<button id="inform">Инфа</button>
<button id="love">Любовь</button>
<button id="music">Музыка</button>
<button id="pozdrav">Праздник</button>
</td></tr><tr><td></td><td></td><td></td></tr>
<tr><td></td>
<td align="center"><a id="button_on" href="#_alltogether_on" onclick="alltogetheron();">Открыть все</a></td>
<td></td></tr>
<tr id="sos">
<td colspan="3" align="center"><a id="button_off" href="#_alltogether_off" onclick="alltogetheroff();">Закрыть</a></td>
</tr>
</table>
<div align="center">
<ul class="tags_ul">
%CHAT('TAGS', '<li class="tags_li"><a href=# onclick="return copytag(this.innerHTML);">/%TAG%</a><table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul></div>
%:%
<div id="head"></div>
<h1>Просматривать список тегов могут только зарегистрированные<br> чатлане,находящиеся в чате<br>
Зарегистрироватся можно <a href="/people/form?ref=%GET('ref')%" target="_blank">"ЗДЕСЬ"</a>.</h1>
?%