dy>

среда, 26 августа 2009 г.

Flash Облако Тегов

Снова возвращаемся к облаку тегов. Многие блоггеры стремятся хотят чтобы дизайн их проекта был уникальным и неповторимым, а главное удобным  для читателей.
Исследуя интернет пространство становится видно не вооруженным взглядом что многие ставят в свой проект облако тегов. Конечно, смотрите сами, по моему это очень хорошая вещь помогающая посетителю найти то что их интересует.
Итак! приступим  к воплощению в реальность очередного функционального прибамбаса Flash Облака Тегов.
Не могу вам точно сказать какое облако использовать. Каждый выбирает на свой вкус и цвет.
Я, как вы уже узрели, использую обычное неподвижное облако тегов.
О нем я писал пост пару минут назад, вот он:
Неподвижное облако тегов.

FLASH Облако Тегов:


Устанавливается довольно просто.
Для этого переходим  МАКЕТ>ИЗМЕНИТЬ HTML> ставим галочку Расширить шаблоны виджета( НЕ ЗАБЫВАЕМ ДЕЛАТЬ РЕЗЕРВНУЮ КОПИЮ) далее находим следующий вид кода:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
который заканчивается

< /b:widget>


Далее заменяем весь код между этими строками( включая и эти строки) следующим кодом:
<b:widget id='Label99' locked='false' title='labels' type='Label'>

  <b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>

    <div class='widget-content'>
      <script type="text/javascript" src="http://forum.wafl.ru/files/freeman/swfobject.js"></script>
      <script type="text/javascript">
        var flashvars = {};
        flashvars.mode = "tags";
        flashvars.minFontSize = "8";

        flashvars.maxFontSize = "22";
        flashvars.tcolor = "0x0988ff";
        flashvars.tcolor2 = "0x000000";
        flashvars.hicolor = "0xd95800";
        flashvars.distr = "true";
        flashvars.tspeed = "100";

        flashvars.tagcloud = "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>";
        var params = {};
        params.wmode = "transparent";

        params.bgcolor = "#333333";
        params.allowscriptaccess = "always";
        var attributes = {};
        attributes.id = "b-cumulus";
        attributes.name = "tagcloud";
        swfobject.embedSWF("http://forum.wafl.ru/files/freeman/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);

      </script>
      <div id="b-cumulus">
        <a href="http://www.adobe.com/go/getflashplayer">
          <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
      </div>

      <b:include name='quickedit'/>

    </div>
  </b:includable>
</b:widget>
Затем нажимаем ПРОСМОТР и если все получилось правильно СОХРАНЯЕМ ШАБЛОН!

Я думаю каждый захочет изменить некоторые настройки облака! Смотрим дальше: 
  
"swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);-- " 300 - это ширина виджета в пикселях. 250 - это высота виджета в пикселях.  

flashvars.minFontSize = “8“; - минимальный размер шрифта.


 flashvars.maxFontSize = “22“; - максимальный.


flashvars.tcolor = “0xffffff“; - цвет самого редкого ярлыка.
 

flashvars.tcolor2 = “0×0be4f8“; - цвет самого популярного ярлыка. Для остальных ярлыков будет выбран цвет между этими двумя.

flashvars.hicolor = “0xd95800“; - цвет текста при наведении курсора на ярлык.

flashvars.tspeed = “100“; - скорость вращения облака.


//params.wmode = “transparent“; - этот параметр обозначает прозрачный фон. 

params.bgcolor = “#333333“; - цвет фона облака.










В данном посте использовалась проверенная информация.
Спасибо за это блогу БелиберDA.......



4 Comentários:

Виталий комментирует...

Хотел попробывать поставить сюда http://socblog.ru Что то не получилось. Выдает просто Flash окно. Жаль...

Мозалевский Василий комментирует...

хотя бы написали где найти эту строку в коде - в начале, в конце или в середине. ищу уже минут 20

Мозалевский Василий комментирует...

не нашел, пересмотрите код

Mike комментирует...

Ищите с помощью поиска))))Она точно есть. Сам через это прошел))))

Отправить комментарий

Мои читатели

BLOGGUP

 ©Copyright by MiKe St..