|
2011-05-29Дата: Воскресенье, 29.05.2011, 00:37 | Сообщение # 1 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Облако тегов (RePack)
...
Продолжение наболевшей темы «Теги (Инструкция по применению)» на юКоз форме ...
...
Кто не знаком с темой, вкратце напомню содержание:
Для того чтобы работало облако тегов, нужно соблюсти следующие условия.
1. У вас должен быть активирован модуль «Поиск по сайту».
2. Хоть к нескольким материалом у вас должны быть забиты “Теги материала” ... Кому эта фраза не понятна - прошу по ссылке выше - на юКоз-форум.
Если всё это дело у вас есть, то идём дальше.
Вам нужно создать информер (ПУ » Информеры):
Со следующими параметрами:
Раздел: Теги
Способ вывода: Облако тегов
Модули: - Будут выводится те, где поставите галочки.
Количество тегов: - 50 - не рекомендую больше.
Помните: чем больше у вас будет тегов в облаке, тем тем больше оно будет нагружать браузер!
...
Дальше, копируем код информера:
и заменяем такой же код в скрипте на свой.
HTML код вставки:
Code <div style="display:none;margin:0 auto;text-align:center;" id="tagCloud">$MYINF_46$</div>
Где:
$MYINF_46$ - ваш код информера.
Скрипт облака тегов:
Code <script type="text/javascript" src="http://likbezz.ru/_source/_js/lib/swfobject2.1.js"></script> <script type="text/javascript"> var vars={}; vars.mode='tags'; vars.tcolor='0xCC0000'; vars.tcolor2='0x000000'; vars.hicolor='0xCC0099'; vars.distr='false'; vars.tspeed='100'; eObj=document.getElementById('tagCloud'),eTagz=eObj.getElementsByTagName('a'); vars.tagcloud='<tags>'; if(/msie 6.0/i.test(navigator.userAgent.toLowerCase())){for(var i=0;eTagz[i];++i){var u=eTagz[i].innerHTML.replace(/&/i,'%26');vars.tagcloud+='<a href=\'/search/'+u+'/\' style=\''+parseInt(eTagz[i].style.fontSize)+'\'>'+u+'</a>';}}else{for(var i=0;eTagz[i];++i){vars.tagcloud+='<a href=\''+eTagz[i].getAttribute('href')+'\' style=\''+ parseInt(eTagz[i].style.fontSize)+'\'>'+eTagz[i].innerHTML.replace(/&/i,'%26')+'</a>';}} delete eTagz; vars.tagcloud+='</tags>'; var par={}; par.wmode='transparent'; par.allowscriptaccess='always'; par.scale='exactfit'; var att={}; att.id='tagCloud'; att.name='tagCloud'; swfobject.embedSWF('http://likbezz.ru/_source/_swf/widget/44/tagcloud.swf','tagCloud','400','400','9.0.0','http://likbezz.ru/_source/_swf/widget/44/expressInstall.swf',vars,par,att); </script>
Где:
Все ссылки к файлам, изменяете на свои. А именно, скачиваете архив с примером, распаковываете его, заливаете необходимые файлы (tagcloud.swf, expressInstall.swf, swfobject2.1.js) себе на сайт (используя файловый менеджер) и изменяете ссылки в скрипте на свои.
...
Прочие настройки:
vars.tcolor='0xCC0000'; - цвет самого редкого тега;
vars.tcolor2='0x000000'; - цвет самого популярного тега. Для остальных ярлыков будет выбран цвет между этими двумя;
vars.hicolor='0xCC0099'; - цвет тегов при наведении.;
vars.tspeed='100'; - скорость вращения облака;
Quote swfobject.embedSWF('http://likbezz.ru/_source/_swf/widget/44/tagcloud.swf','tagCloud','400','400','9.0.0','http://likbezz.ru/_source/_swf/widget/44/expressInstall.swf',vars,par,att);
400 - ширина облака в пикселях;
400 - высота облака в пикселях.
...
Прочая инфа по теме:
Оформить теги, выводимые в виде текста, можно стилями:
Типа так:
Code a.etag:hover,a.etag:active{text-decoration:none;color:#000;}
.eTagGr7,.eTagGr8,.eTagGr9{font-size:10px !important;}
.eTagGr10,.eTagGr11,.eTagGr12{font-size:10px !important;font-weight:600;}
.eTagGr13,.eTagGr14,.eTagGr15,.eTagGr16{font-size:10px !important;font-weight:600;color:grey !important;}
.eTagGr17,.eTagGr18,.eTagGr19,.eTagGr20,.eTagGr21{font-size:10px !important;font-weight:600;color:blue !important;}
.eTagGr22,.eTagGr23{font-size:10px !important;font-weight:600;color:Green !important;}
.eTagGr24,.eTagGr25,.eTagGr26{font-size:11px !important;font-weight:600;color:Green !important;}
.eTagGr27,.eTagGr28,.eTagGr29,.eTagGr30{font-size:11px !important;font-weight:600;color:red !important;}
- добавить в CSS.
...
Облако работает (лично проверял) в ИЕ v6, ИЕ v7, ИЕ v8, Мозилла, Opera, Safari, Хром, Flock, SeaMonkey.
...
☑ Архив с примером и сопутствующими файлами ...
☑ Живой пример .....
...
Облако тегов под шестым ИЕ .... (Видео)
...
| | |
|
|
2013-05-24Дата: Пятница, 24.05.2013, 20:57 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Spirash, Цитата (Spirash) Можно ли сделать чтобы при нажатии на тег в облаке. Результаты открывались на этой же странице. А не в новой вкладке.
Если используется виджет, типа:
Код <?$WIDGET$('44','187|200|0')?>
То нет.
А так, можно.
Отредактировать скрипт.
Отредактировать вот этом месте:
Было:
Код vars.tagcloud+='<a href=\'/search/'+u+'/\' style=\''+parseInt(eTagz[i].style.fontSize)+'\'>'+u+'</a>';
Стало:
Код vars.tagcloud+='<a href=\'/search/'+u+'/\' target="_top" style=\''+parseInt(eTagz[i].style.fontSize)+'\'>'+u+'</a>';
Установить такой атрибут target какой нужен.
..
☑ с тегом bese http://likbezz.ru/_example/_widget/tagCloud/tagCloud_base_top.html
☑ с атрибутом target http://likbezz.ru/_example/_widget/tagCloud/tagCloud_top.html
| | |
|
