Вернуться   Форум ChatPlanet.ru > Сервис «Мой чат» aka «Август» > Шаблоны

Важная информация

Ответ
 
Опции темы Опции просмотра
Старый 09.01.2010, 03:10   #1
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию Теги по категориям

Сейчас я расскажу вам довольно простой способ разбить теги на категории. Сразу предупреждаю, что никакого автоматизма не будет и при изменении в тегах надо будет делать изменения и в разбивке.

1. Открываем страницу с тегами чата: /help?tags и сразу лезем в исходный код. Как вы видите, там есть небольшая шапка, а за ней сразу идут теги. Давайте перенесем шапку и подвал на отдельную свободную страницу в админке:
Код HTML:
<html><head><title>Помощь</title>
%CSS(5)%
</head>
<body>

<center><h2>Тэги</h2></center>

<!-- Тут были теги -->

<div align=right><a href="/help">помощь</a></div>

</body>
</html>
2. Подготовим немного кода для того, чтобы появились категории
Код HTML:
<html><head><title>Помощь</title>
%CSS(5)%
<style type="text/css">
.catmenu {
  text-align: center;
}
.catmenu span {
  margin: 0 10px; /* Отступы между пунктами */
  padding: 3px 7px; /* Отступы внутри пунктов */
}
</style>
<script type="text/javascript">
categories = 4; // Сюда пишем общее количество категорий
function ChangeCategory(catnum)
{
  for(i=1;i<=categories;i++){
    var catdiv = document.getElementById("cat" + i);
    var catsp = document.getElementById("catsp" + i);
    if(i == catnum){
        catdiv.style.display = "block";
        catsp.style.background = "#FFF68D"; // Фон текущего пункта
        catsp.style.color= "#000"; // Цвет текущего пункта
        catsp.style.cursor= "auto";
    }else{
        catdiv.style.display = "none";
        catsp.style.background = "transparent";
        catsp.style.color= "inherit";
        catsp.style.cursor= "pointer";
    }
  }
}
</script>
</head>
<body>

<center><h2>Тэги</h2></center>

<!-- Меню начало -->
<div class="catmenu">
    <span id="catsp1" onclick="ChangeCategory(1);">Вход / Выход</span>
    <span id="catsp2" onclick="ChangeCategory(2);">Веселые</span>
    <span id="catsp3" onclick="ChangeCategory(3);">Грустные</span>
    <span id="catsp4" onclick="ChangeCategory(4);">Другие</span>
</div>
<!-- Меню конец -->

<!-- Категории начало -->

<div id="cat1">

</div>

<div id="cat2">

</div>

<div id="cat3">

</div>

 <div id="cat4">

</div>

 <!-- Категории конец -->

<div align=right><a  href="/help">помощь</a></div>

<script type="text/javascript">
ChangeCategory(1);
</script>
</body>
</html>
3. Осталось теперь в каждом блоке категорий сделать список <ul>, в который помещаются нужные теги. Коды тегов берите со стандартной страницы. По-умолчанию, в шаблонах сделано так, что каждый тег начинается с <li>. Пример того, что получается:
Код HTML:
<html><head><title>Помощь</title>
%CSS(5)%
<style type="text/css">
.catmenu {
  text-align: center;
}
.catmenu span {
  margin: 0 10px; /* Отступы между пунктами */
  padding: 3px 7px; /* Отступы внутри пунктов */
}
</style>
<script type="text/javascript">
categories = 4; // Сюда пишем общее количество категорий
function ChangeCategory(catnum)
{
  for(i=1;i<=categories;i++){
    var catdiv = document.getElementById("cat" + i);
    var catsp = document.getElementById("catsp" + i);
    if(i == catnum){
        catdiv.style.display = "block";
        catsp.style.background = "#FFF68D"; // Фон текущего пункта
        catsp.style.color= "#000"; // Цвет текущего пункта
        catsp.style.cursor= "auto";
    }else{
        catdiv.style.display = "none";
        catsp.style.background = "transparent";
        catsp.style.color= "inherit";
        catsp.style.cursor= "pointer";
    }
  }
}
</script>
</head>
<body>

<center><h2>Тэги</h2></center>

<!-- Меню начало -->
<div class="catmenu">
    <span id="catsp1" onclick="ChangeCategory(1);">Вход / Выход</span>
    <span id="catsp2" onclick="ChangeCategory(2);">Веселые</span>
    <span id="catsp3" onclick="ChangeCategory(3);">Грустные</span>
    <span id="catsp4" onclick="ChangeCategory(4);">Другие</span>
</div>
<!-- Меню конец -->

<!-- Категории начало -->

<div id="cat1">
<ul>

<li>/bye<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#00FFFF>И<font color=#09DADA>С<font color=#12B5B5>Ч<font color=#1B9999>Е<font color=#248B8B>З<font color=#1D6666>А<font color=#164141>Е<font color=#103030>Т...</td></tr></table>

</ul>
</div>

<div id="cat2">
<ul>

<li>/@<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#FF7893>@<font color=#A3CF33>}<font color=#55CC33>-,-`-,-</td></tr><tr><td><b>*** nick <font color=#F0A893>@<font color=#C3FF33>}<font color=#77FF77>-,-`-,-</td></tr><tr><td><b>*** nick <font color=#FFF8F3>@<font color=#93FF63>}<font color=#A9FC33>-,-`-,-</td></tr><tr><td><b>*** nick <font color=#FFC893>@<font color=#A3FF33>}<font color=#99CC33>-,-`-,-</td></tr><tr><td><b>*** nick <font color=#AFC8C3>@<font color=#53FF53>}<font color=#99EC33>-,-`-,-</td></tr></table>
<li>/crypt<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#E3C4D0>Hold me. Kiss me. Love me. Kill me. Drag-and-drop and plug-and-play me..</td></tr><tr><td><b>*** nick <font color=#FF0000>выливает себе на голову бутыль кетчупа..</td></tr><tr><td><b>*** nick <font color=#6666F0>поправляет <font color=#FFFF6F>НИМБ</font> над головой и сдувает пылинки с крылушек..</td></tr><tr><td><b>*** nick <font color=#0000FF>..Дельфины - это не только вкусные плавники, но и пара не-деЦких <font color=#FFFF00>ангельских</font> крылушков..</td></tr></table>

</ul>
</div>

<div id="cat3">
<ul>

<li>/cry<table cellspacing=0 cellpadding=0><tr><td><b>*** nick ..плакает..</td></tr><tr><td><b>*** nick ..кап-кап слёзки на подушку..</td></tr><tr><td><b>*** nick <font color=#FFFAFA>закатывает истерику</td></tr><tr><td><b>*** nick <font color=#FFCCFF>хнык-хнык <font color=#FF99FF>хнык-хнык <font color=#FF66FF>хнык-хнык <font color=#FF33FF>хнык-хнык</td></tr></table>
<li>/crystal<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#B6C1F8>..кристальная слеза сверкает..</td></tr><tr><td><b>*** nick <font color=#FFB6C1>..лица магический овал..</td></tr><tr><td><b>*** nick <font color=#F0F230>..вот она какая, большая сетевая.. <font color=#FF0000>ЛЮБО-О-О-ОВЬ!..</td></tr></table>
<li>/dead<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#EEFFEE>находится в состоянии клинической смерти 8-(</td></tr><tr><td><b>*** nick <font color=#FF6677>.. нет, я так больше не могу! (пистолет к голове) <font color=#FFCCCC>Бах!</font> .. скорую вызывали?</td></tr><tr><td><b>*** nick <font color=#FF66AA>в жутких мучениях, с дыркой в голове покидает наш мир</td></tr></table>

</ul>
</div>

<div id="cat4">
<ul>

<li>/drink<table cellspacing=0 cellpadding=0><tr><td><b>*** nick <font color=#337766>напивается..</td></tr><tr><td><b>*** nick <font color=#997766>мучается жаждой.. пить хочет..</td></tr></table>

</ul>
</div>

<!-- Категории конец -->

<div align=right><a href="/help">помощь</a></div>

<script type="text/javascript">
ChangeCategory(1);
</script>
</body>
</html>
4. Дополнительно можно настроить виртуальную страницу /tags/ —> /page/X/, а полностью сделанную страницу можете посмотреть в нашем демо-чате.
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием

Последний раз редактировалось Mickeleangelo; 09.01.2010 в 04:02.
Эти 13 пользователя(ей) сказали Спасибо Mickeleangelo за это полезное сообщение:
eXandr (09.01.2010), Mistik (10.01.2010), Pusiketka (09.01.2010), Sweet (30.07.2010), viasat (09.01.2010), Yo-Sick (09.01.2010), Банши (07.06.2011), Ланочка (15.02.2010), Леди Стерва (09.01.2010), Мальвинка (12.02.2010), Марго (10.01.2010), Твиш (11.02.2010), Эффект (18.11.2010)
Старый 09.01.2010, 03:19   #2
 
Регистрация: 01.05.2007
Адрес: Беседка
Сообщений: 958
Вы сказали Спасибо: 744
Поблагодарили 2,233 раз
Репутация: 2280
Отправить сообщение для eXandr с помощью ICQ
eXandr вне форума
По умолчанию

Надо потрахатся, но зачотно)))))
__________________
[Радио] [Клуб] [Цитатник] [top4u]
консультации | любые работы по чатам | регистрация хостинга и доменов
установка форумов | модернизация форумов | фотогалереи сайты | другое
ICQ 669 665

Report Post
Ответить с цитированием
Старый 09.01.2010, 04:36   #3
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию

Цитата:
Сообщение от eXandr Посмотреть сообщение
Надо потрахатся
Операция анти-трах. Зачем переносить теги ручками, если за нас это может сделать машина? Правильно, незачем. Идем в админку, меняем HTML Шаблоны-1 — окно списка тегов:
Код HTML:
<style type="text/css">
.catmenu {
  text-align: center;
}
.catmenu span {
  margin: 0 10px;
  padding: 3px 7px;
}
</style>
<script type="text/javascript" src="http://www.chatplanet.ru/service/jquery.js"></script>
<script type="text/javascript">
categories = 4; // Сюда пишем общее количество категорий
function ChangeCategory(catnum)
{
  for(i=1;i<=categories;i++){
    var catdiv = $("#cat" + i);
    var catsp = $("#catsp" + i);
    if(i == catnum){
        catdiv.show();
        catsp.css("background", "#FFF68D").css("color", "#000").css("cursor", "auto");
    }else{
        catdiv.hide();
        catsp.css("background", "transparent").css("color", "").css("cursor", "pointer");
    }
  }
}
</script>

%NICK = %?%USER('NICK')%%:%nick?%%
<center><h2>Тэги</h2></center>

<!-- Меню начало -->
<div class="catmenu">
    <span id="catsp1" onclick="ChangeCategory(1);">Вход / Выход</span>
    <span id="catsp2" onclick="ChangeCategory(2);">Веселые</span>
    <span id="catsp3" onclick="ChangeCategory(3);">Грустные</span>
    <span id="catsp4" onclick="ChangeCategory(4);">Другие</span>
</div>
<!-- Меню конец -->

<!-- Категории начало -->

<div id="cat1">
<ul>
</ul>
</div>

<div id="cat2">
<ul>
</ul>
</div>

<div id="cat3">
<ul>
</ul>
</div>

<div id="cat4">
<ul>
%CHAT('TAGS', '<li tagid="%TAG%">/%TAG%<table cellspacing=0 cellpadding=0>%PHRASES%</table>', '<tr><td><b>%ACTION% %NICK% %PHRASE%</td></tr>')%
</ul>
</div>

<!-- Категории конец -->

<div align=right><a href="/help">помощь</a></div>

<script type="text/javascript">
var TAGS = [];
TAGS['cat1'] = ['bye', 'gone', 'greza', 'hi', 'mail', 'min', 'observes', 'quit', 'sleep', 'smile', 'up', 'чмок', 'щасвирнус'];
TAGS['cat2'] = ['@', 'crypt', 'hlop', 'ik', 'kiss', 'love', 'noprivat', 'qtoolxu', 'woman', 'вин'];
TAGS['cat3'] = ['cry', 'crystal', 'dead', 'mdr', 'shifooloo', 'xmm'];
// Последний TAGS['cat4'] не надо
$(document).ready(function(){
  for(var catid in TAGS) {
    var tagids = TAGS[catid];
    for(var tagid in tagids){
        $("ul li[tagid='" + tagids[tagid] + "']").appendTo("#" + catid + " ul");
    }
  }
});
ChangeCategory(1);
</script>
Обилию кода не пугаемся. Итак, что мы сделали:

1. Практически 1 в 1 скопировали код из предыдущего моего сообщения. Только дополнительно подключили библиотеку jQuery и соответственно, упростили функцию смены категории.

2. Изначальный код тегов мы поместили сразу в последнюю категорию <div id="cat4">, а в сам код тегов добавили tagid="%TAG%" к <li>

3. Самое интересное — в самом низу, там мы определяем, какие теги по каким категориям разнести:
Код:
TAGS['cat1'] = ['bye', 'gone', 'greza', 'hi', 'mail', 'min', 'observes',  'quit', 'sleep', 'smile', 'up', 'чмок', 'щасвирнус'];
TAGS['cat2'] = ['@', 'crypt', 'hlop', 'ik', 'kiss', 'love', 'noprivat',  'qtoolxu', 'woman', 'вин'];
TAGS['cat3'] = ['cry', 'crystal', 'dead', 'mdr', 'shifooloo', 'xmm'];
Для последней категории определять теги не надо, так как они и так уже там.

4. Готовый пример, опять же, можете посмотреть в нашем демо-чате.
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием

Последний раз редактировалось Mickeleangelo; 06.03.2010 в 18:45.
Эти 20 пользователя(ей) сказали Спасибо Mickeleangelo за это полезное сообщение:
Baunti (04.03.2010), Dish (23.08.2011), DJScorpion (09.01.2010), eXandr (09.01.2010), InterSphere (09.01.2010), Margo (20.02.2011), Mistik (10.01.2010), Pusiketka (09.01.2010), Star (09.01.2010), viasat (09.01.2010), Yo-Sick (09.01.2010), Банши (07.06.2011), Изольда (13.01.2010), Ланочка (15.02.2010), Леди Стерва (09.01.2010), Марго (10.01.2010), Мурлин Мурло (04.03.2010), плюха (11.02.2010), Твиш (11.02.2010), Цыц (17.01.2011)
Старый 09.01.2010, 04:39   #4
 
Регистрация: 01.05.2007
Адрес: Беседка
Сообщений: 958
Вы сказали Спасибо: 744
Поблагодарили 2,233 раз
Репутация: 2280
Отправить сообщение для eXandr с помощью ICQ
eXandr вне форума
По умолчанию

Мля без каментов))))))
Антитрах рулит)))))
__________________
[Радио] [Клуб] [Цитатник] [top4u]
консультации | любые работы по чатам | регистрация хостинга и доменов
установка форумов | модернизация форумов | фотогалереи сайты | другое
ICQ 669 665

Report Post
Ответить с цитированием
Старый 09.01.2010, 09:14   #5
 
Регистрация: 14.04.2009
Адрес: MY .August
Сообщений: 364
Вы сказали Спасибо: 130
Поблагодарили 868 раз
Репутация: 889
Отправить сообщение для InterSphere с помощью ICQ
InterSphere вне форума
По умолчанию

можно ли скрыть из списка той или иной тэг?
__________________
Мое портфолио на форуме и Google + | my'bot | Основной топ Августа
Jabber: pqsl@tuxtalk.net ( что это такое? )
Skype: intersphere_pqsl
ICQ: 412 442 492
Report Post
Ответить с цитированием
Старый 09.01.2010, 10:06   #6
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию

InterSphere, конечно можно. Дописываем код:
Код:
<script type="text/javascript">
var TAGS = [];
TAGS['cat1'] = ['bye', 'gone', 'greza', 'hi', 'mail', 'min', 'observes', 'quit', 'sleep', 'smile', 'up', 'чмок', 'щасвирнус'];
TAGS['cat2'] = ['@', 'crypt', 'hlop', 'ik', 'kiss', 'love', 'noprivat', 'qtoolxu', 'woman', 'вин'];
TAGS['cat3'] = ['cry', 'crystal', 'dead', 'mdr', 'shifooloo', 'xmm'];
// Последний TAGS['cat4'] не надо
var DELTAGS = ['admin', 'kill', 'someothertag'];
$(document).ready(function(){
  for(var catid in TAGS) {
    var tagids = TAGS[catid];
    for(var tagid in tagids){
        $("ul li[tagid='" + tagids[tagid] + "']").appendTo("#" + catid + " ul");
    }
  }

  for(tagid in DELTAGS){
      $("ul li[tagid='" + DELTAGS[tagid] + "']").remove();
  }
 });
ChangeCategory(1);
</script>
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием
Эти 6 пользователя(ей) сказали Спасибо Mickeleangelo за это полезное сообщение:
Evanescence (09.01.2010), InterSphere (09.01.2010), Mistik (10.01.2010), Pusiketka (09.01.2010), Твиш (11.02.2010), Цыц (17.01.2011)
Старый 09.01.2010, 14:33   #7
 
Регистрация: 01.06.2009
Сообщений: 127
Вы сказали Спасибо: 38
Поблагодарили 40 раз
Репутация: 51
DJScorpion вне форума
По умолчанию

Mickeleangelo,
А можно сделать новую категорию ? Если можно, то у меня не получилось это сделать. Я её сделал под номером 4 а ту что была раньше четвёртой сделал пятой.
Теперь при нажатии на категорию 4 (которая кстати не кликабельна) перебрасывает на пятую но в пятой выводятся тэги из четвёртой (((
Для удобства категория 4 это "ссылки" категория 5 это "другие".
Спасибо !)
Report Post
Ответить с цитированием
Старый 09.01.2010, 16:58   #8
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию

DJScorpion, проверь, везде ли сделал изменения:
  1. В js коде количество категорий
  2. В меню
  3. Сам блок категории
  4. Определение, какой тег в какой категории
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием
Старый 09.01.2010, 17:52   #9
 
Регистрация: 01.06.2009
Сообщений: 127
Вы сказали Спасибо: 38
Поблагодарили 40 раз
Репутация: 51
DJScorpion вне форума
По умолчанию

Цитата:
Сообщение от Mickeleangelo Посмотреть сообщение
1 В js коде количество категорий
2 В меню
3 Сам блок категории
4 Определение, какой тег в какой категории
1. categories = 5; // Сюда пишем общее количество категорий
2. <span id="catsp3" onclick="ChangeCategory(4);"><u>Ссылки </u></span>
<span id="catsp4" onclick="ChangeCategory(5);"><u>Другие</u></span>
3. <div id="cat4">
<ul>
</ul>
</div>

<div id="cat5">
<ul>
.......
</ul>
</div>

4. TAGS['cat4'] = ['day', 'golos', 'pravo', 'priv', 'tags', 'top20', 'рега', 'рег', 'срег'];
// Последний TAGS['cat5'] не надо

Вот как у меня.. что не правельно ?


P.S.
Удали моё предыдущее сообщение.. я по ошибки не в ту тему написал ))
Report Post
Ответить с цитированием
Старый 09.01.2010, 18:36   #10
 
Регистрация: 06.05.2007
Сообщений: 939
Вы сказали Спасибо: 271
Поблагодарили 2,651 раз
Репутация: 2546
Отправить сообщение для Mickeleangelo с помощью ICQ
Mickeleangelo вне форума
По умолчанию

Цитата:
Сообщение от DJScorpion Посмотреть сообщение
<span id="catsp3" onclick="ChangeCategory(4);"><u>Ссылки </u></span>
<span id="catsp4" onclick="ChangeCategory(5);"><u>Другие</u></span>
Вот тут явно косяки.
__________________

Html, css, js, php, mysql. Быстро, качественно, дешево — выберите два.
Report Post
Ответить с цитированием
Этот пользователь сказал Спасибо Mickeleangelo за это полезное сообщение:
DJScorpion (09.01.2010)
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Теги Ёшкин кот Вопросы по чатам сервиса «Мой чат» 18 21.03.2017 22:05
Страницы Теги Штиль Вопросы по чатам сервиса «Мой чат» 20 11.11.2010 19:46
Увеличение места под теги. Реально? Катерина Вопросы по чатам сервиса «Мой чат» 9 27.07.2008 18:17


Текущее время: 12:33. Часовой пояс GMT +4.


Рейтинг Chat Planet Top
Посетителей всего
Просмотров сегодня
Посетителей сегодня
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd. Перевод: zCarot
При перепечатке материалов форума обязательна активная ссылка на тему — источник информации.