Красивое облако тегов для сайта
Облако тегов впервые начало появляться на web - сайтах сделанных при помощи Word Press. Суть этого облака сводилась к следующему: чем больше «вес» ссылки, тем крупнее шрифт отображаемого тега в облаке. Первые облака тегов имели линейный вид в одной плоскости.
Затем облако приобрело пространственный вид, а разноцветные теги в нем стали двигаться по орбите при приближении указателя мыши.
Вот пример такого облака тегов, выполненного при помощи Flash (флэш) анимации.
Первоначальный смысл в данном облаке, конечно же, утерян. Но такое облако тегов подойдет для любого сайта, вне зависимости от движка, на котором построена страница.
Так же в данном флэш облаке имеется возможность настройки следующих параметров:
- Размер облака
- Размер шрифта тега
- Цвет тегов
- Количество тегов в облаке
- Общий фон облака тегов
Этих параметров вполне достаточно, что бы данное облако тегов красиво и изящно смотрелось на странице Вашего web сайта.
Установка облака тегов на web страницу сайта.
Первым делом необходимо скачать архив, в котором находятся файлы, отвечающие за правильное отображение flash облака с тегами.
Архив с файлами для облака тегов.
В данном архиве всего два файла. Извлекаем их в корневую папку сайта (папка, где лежит главная страница index.html)
Tagcloud.swf – облако тегов во флэш. Именно этот файл необходимо вставлять в нужное место на web странице сайта.
С помощью Adobe Dreamweaver CS3 достаточно просто мышкой перетащить файл flash облака в нужное место, а необходимый код программа сгенерирует за Вас сама.
Здесь же в свойствах можно изменить высоту и ширину облака с тегами.
Так же Dreamweaver вставляет Java Script, что бы в некоторых браузерах флэш облако активировалось без дополнительного клика.
Ну а если Вы привыкли работать руками, то в том месте, где Вы хотите видеть облако тегов, необходимо прописать соответствующий код:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="500">
<param name="movie" value="http://wellsait.ru/tagcloud.swf">
<param name="quality" value="high">
<embed src=" http://wellsait.ru /tagcloud.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="500"></embed>
</object>
Значения width и height (ширина и высота облака тегов) установите на Ваш вкус.
Настройка параметров тегов в облаке.
Все параметры, которые доступны для редактирования облака тегов находятся во втором файле архива tagcloud.xml. Открываем его с помощью любого текстового редактора и вносим свои изменения. После перезагрузки web страницы радуемся своему творению.
- http://wellsait.ru/index_01.html - адрес ссылки
- style="font-size: 20pt;" – размер шрифта
- color="0xff0099" – цвет ссылки
Для увеличения количества ссылок в облаке необходимо добавить тег <a…..>…</a>. Для уменьшения – соответственно удалить.
Изменение общего цвета фона облака.
Часто бывает, что фоновый цвет web страницы отличается от фона flash облака. Изменить фон флэшки можно с помощью программы Adobe Flash CS3 Professional, но для начала необходимо flash – файл с расширением Tagcloud.swf конвертировать в файл с расширением .FLA.
С этим отлично справляется прога - декомпилятор
- жмём Open и указываем файл … .swf
- жмём Convert current
После этого нужный нам файл Flash облака автоматически открывается в Adobe Flash CS3 Professional(при условии, что у Вас установлена данная программа).
Далее сохраняем сделанные изменения, нажав” экспорт фильма”.
На этом всё. Красивое флэш облако тегов в Вашем распоряжении.
Скачать облако тегов бесплатно.
