Сообщений в теме: 30

[prukon]

Может быть кто-нибудь знает как залить такой же виджет двигающихся слов-ссылок как на этом сайте http://www.gold-moda.ru/
Очень интересня штучка.
заранее спасибо.

[sergey85]

Это называется облоко тегов.В гугле много такого добра.Если нужно могу дать код скрипта такого же принципа но вместо слов будут изображения.
Пример на картинке.

Прикрепленные изображения

• 

[watches-club]

ЗДЕСЬ НАПИСАННО ВСЕ

[ogonek7777]

drop-shipper (21 Февраль 2012 - 06:59) писал:

ЗДЕСЬ НАПИСАННО ВСЕ

Хорошая вешь! Попробовала вставить ниже Каталога товаров, но что-то ничего не отображается. Может, требуется какая-то обертка?

[TAD-jik]

Наверное просто ключевых слов нету на сайте вот и не отображаеться а так полезная вещь я себя тоже потом поставлю

[ogonek7777]

TAD-jik (21 Февраль 2012 - 16:27) писал:

Наверное просто ключевых слов нету на сайте вот и не отображаеться а так полезная вещь я себя тоже потом поставлю

как нет? я все дописала

[sergey85]

ogonek7777 (21 Февраль 2012 - 16:10) писал:

Хорошая вешь! Попробовала вставить ниже Каталога товаров, но что-то ничего не отображается. Может, требуется какая-то обертка?

Вот Вам робочий код:

<script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
  <div id="3dcloud_block" style="text-align:center;font-size:12pt;">
	Для отображения блока требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a><br><br>$MYINF_31$
  </div>
  <script type="text/javascript">
	var rnumber = Math.floor(Math.random()*9999999);
	var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.addParam("bgcolor", "#FF0000");
	so.addVariable("tspeed", "150");
	so.addVariable("distr", "true");
	so.addVariable("mode", "tags");
	so.addVariable("minFontSize", "8");
	so.addVariable("maxFontSize", "14");
	so.addVariable("tcolor", "0x009CFF");
	so.addVariable("tcolor2", "0x009CFF");
	so.addVariable("hicolor", "0x009CCF");
	so.addVariable("tagcloud", "<tags><a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a></tags>");
	so.write("3dcloud_block");
  </script>

Проверял на своём сайте,всё работает.

Где:
# "400" - ширина будущего облака тегов в пикселях.
# "300" - высота будущего облака тегов.
# "9" - максимальная версия флеш-плеера, которая нужна для отображения облака.
# "wmode", "transparent" - устанавливаем фон облака прозрачным. Если убрать эту строку, то можно будет самим задавать цвет фона.
# "minFontSize", "8" - размер самого маленького шрифта в облаке. Размер задается в пунктах.
# "maxFontSize", "14" - размер самого крупного шрифта в облаке. Размер задается в пунктах.
# "tcolor", "0x009CFF" - цвет самого частого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
# "tcolor2", "0x009CFF" - цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
# "hicolor", "0x009CCF" - цвет текста при наведении на него курсора. 0x не меняем.
# "tspeed", "150" - скорость вращения.
# "distr", "true" - тип вращения облака, может принимать значение "true" или "false".

[ogonek7777]

[sergey85]

Попробуйте после <!-- end Каталог -->

<script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
  <div id="3dcloud_block" style="text-align:center;font-size:12pt;">
	Для отображения блока требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a><br><br>$MYINF_31$
  </div>
  <script type="text/javascript">
	var rnumber = Math.floor(Math.random()*9999999);
	var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.addParam("bgcolor", "#FF0000");
	so.addVariable("tspeed", "150");
	so.addVariable("distr", "true");
	so.addVariable("mode", "tags");
	so.addVariable("minFontSize", "8");
	so.addVariable("maxFontSize", "14");
	so.addVariable("tcolor", "0x009CFF");
	so.addVariable("tcolor2", "0x009CFF");
	so.addVariable("hicolor", "0x009CCF");
	so.addVariable("tagcloud", "<tags><a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a></tags>");
	so.write("3dcloud_block");
  </script>

Пример на картинке.

Прикрепленные изображения

• 

[sergey85]

Посмотрите ещё здесь

[prukon]

sergey85 (21 Февраль 2012 - 19:18) писал:

Попробуйте после <!-- end Каталог -->

<script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
  <div id="3dcloud_block" style="text-align:center;font-size:12pt;">
	Для отображения блока требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a><br><br>$MYINF_31$
  </div>
  <script type="text/javascript">
	var rnumber = Math.floor(Math.random()*9999999);
	var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.addParam("bgcolor", "#FF0000");
	so.addVariable("tspeed", "150");
	so.addVariable("distr", "true");
	so.addVariable("mode", "tags");
	so.addVariable("minFontSize", "8");
	so.addVariable("maxFontSize", "14");
	so.addVariable("tcolor", "0x009CFF");
	so.addVariable("tcolor2", "0x009CFF");
	so.addVariable("hicolor", "0x009CCF");
	so.addVariable("tagcloud", "<tags><a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a></tags>");
	so.write("3dcloud_block");
  </script>

Пример на картинке.

Вы можете свой код скинуть. У меня получилось облако, но на три тега. При добавлении большего количества ошибку выдает.

[sergey85]

Это и есть код который я себе ставил.Чтоб добавить новые ссылки со словами Вам нужно добавлять вот это значение <a href='Ссылка'>Текст</a>; и в итоге получится так

<script type="text/javascript" src="http://szenprogs.ru/tagcloud/swfobject.js"></script>
  <div id="3dcloud_block" style="text-align:center;font-size:12pt;">
	Для отображения блока требуется <a href="http://szenprogs.ru/load/8-1-0-92" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a><br><br>$MYINF_31$
  </div>
  <script type="text/javascript">
	var rnumber = Math.floor(Math.random()*9999999);
	var so = new SWFObject("http://szenprogs.ru/tagcloud/tagcloud.swf?r="+rnumber, "tagcloudflash", "400", "300", "9");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.addParam("bgcolor", "#FF0000");
	so.addVariable("tspeed", "150");
	so.addVariable("distr", "true");
	so.addVariable("mode", "tags");
	so.addVariable("minFontSize", "8");
	so.addVariable("maxFontSize", "14");
	so.addVariable("tcolor", "0x009CFF");
	so.addVariable("tcolor2", "0x009CFF");
	so.addVariable("hicolor", "0x009CCF");
	so.addVariable("tagcloud", "<tags><a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>;<a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a>; <a href='Ссылка'>Текст</a></tags>");
	so.write("3dcloud_block");
  </script>

Можно копировать  
Ссылки ставьте свои и названия в поле ТЕКСТ поменяйте.Поставьте нужный Вам размер и цветовую гамму под себя.Ошибка может происходит из-за размера самого блока,или может не правильно добавляете ссылки с текстом?
Не получится пишите.

[prukon]

Всё получилось спасибо.

[ogonek7777]

Спасибо, тоже получилось. А как рамку сделать, не подскажите?

[sergey85]

ogonek7777 (23 Февраль 2012 - 16:38) писал:

Спасибо, тоже получилось. А как рамку сделать, не подскажите?

По поводу рамок,это к модераторам.

[Vaccina]

Рамку можно задать через свойство border: 1px solid #000; как пример

style="text-align:center;font-size:12pt;border: 1px solid #000;"

[sergey85]

Vaccina (24 Февраль 2012 - 12:02) писал:

Рамку можно задать через свойство border: 1px solid #000; как пример

style="text-align:center;font-size:12pt;border: 1px solid #000;"

Что-то не пойму куда его поставить!

[Vaccina]

Это нужно задавать блоку для которого вы хотите сделать рамку. Например

<div style="text-align:center;font-size:12pt;border: 1px solid #000;">
 ...Тут ваш код
</div>

[sergey85]

Vaccina (27 Февраль 2012 - 15:27) писал:

Это нужно задавать блоку для которого вы хотите сделать рамку. Например

<div style="text-align:center;font-size:12pt;border: 1px solid #000;">
 ...Тут ваш код
</div>

Спасибо,но я уже разобрался!Ставить рамку не буду,без неё мне больше нравится!

[Frost]

С реализацией такого облака все понятно, но ведь оно выполняет только функцию альтернативного меню и не более? То есть по сути теги владельцами магазинов берутся "от балды" или я чего-то не знаю? Ведь при классической реализации по количеству упоминаний на сайте определяется весомость тега и в зависимости от этого меняется размер шрифта, чтобы таким образом посетители видели наиболее популярные материалы на сайте. Как вообще определять какие теги вынести в этот блок, как определять их популярность и, соответственно весомость. Возможно ли задать автоматическое определение весомости тега или в зависимости от изменения популярности тех или иных материалов придется постоянно руками менять размер шрифтов для тегов? Проясните эти моменты пожалуйста.