вобщем там все легко
щя обьясню:
Давно я не писал… Делов мильон просто. В скором времени постараюсь исправиться. Так вот речь в этом посте пойдет о прикольном плагине для вордпресса WP-Cumulus. Выглядит он довольно впечатляюще, "облако которое хочется крутить". Я не остался к нему равнодушным и решил разобрать сие вордпрессовское чудо, ведь я не любитель ворпресса, а всобачить куда-то в свои сайты такое чудо хочется. Вот и разобрал это облако по винтикам, чтобы в дальнейшем использовать его в своих нуждах без вордпресса. Итак начнемс…
Сперва определим основные составляющие:
1. Во первых нужен небольшой
Для просмотра ссылки Войди или Зарегистрируйся (весит ~40кб);
2. Во вторых небольшой
Для просмотра ссылки Войди или Зарегистрируйся этот файл подключаем к странице между тегами <head> </head> :
<script type="text/javascript" src="swfobject.js"></script>
3. И сам код с помощью которого это облако формируется, о нем далее… Обязательно потребуется создать DIV с ID в котором будет располагаться это облако, например так:
Далее в этом слое формируем теги-ссылки, которые будут выводиться в облаке, и поместим их в переменную PHP. Нам нужно будет кодировать теги-ссылки в безопасное представление, у PHP имеется для этого замечательная функция, именно поэтому мы помещаем их в переменную PHP. Еще эти ссылки должны быть обрамлены тегами <tags> </tags> :
<?php
$tags = '<tags>
<a href="http://Wincert.ru" style="font-size: 15pt">Wincert</a>
<a href="http://W-blog.ru" style="font-size: 15pt">Мой блог</a>
<a href="http://cssor.ru" style="font-size: 15pt">Крутой сайт о CSS</a>
<a href="http://Wincert.ru" style="font-size: 15pt">Веб разработчик</a>
<a href="http:// W-blog.ru" style="font-size: 15pt">Интересное</a>
</tags>';
?>
" является обязательным, определяет высоту текста в облаке.
Для того чтобы посетители у которых не установлен flash или отключен JS в браузере увидели что там находится облако тегов можно вставить код вывода облака тегов в начало нашего слоя (div id="tags"
Или же просто написать сообщение типа "Для корректного отображения этого элемента вам необходимо установить FlashPlayer и включить в браузере Java Script". Как раз фишка заключается в том что если у пользователя установлен FlashPlayer и включен JS в браузере, то ему выведется это красивое облако тегов, а если нет, то это предупреждающее сообщение.
Теперь самая главная и сложная строчка для вывода тегов:
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff");
widget_so.addParam("allowScriptAccess", "always");
widget_so.addVariable("tcolor", "0x333333");
widget_so.addVariable("tspeed", "115");
widget_so.addVariable("distr", "true");
widget_so.addVariable("mode", "tags");
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>");
widget_so.write("tags");</script>
Где:
var widget_so = new SWFObject("tagcloud.swf?r="+rnumber, "tagcloudflash", "230", "140", "9", "#ffffff"); - Основные параметры облака, "tagcloud.swf" – путь к флеш файлу, "230" – ширина, "140" – высота, "9" – не знаю за что отвечает эта цифра, "#ffffff" – цвет фона облака;
widget_so.addVariable("tspeed", "115"); - Определяет скорость вращения облака, менять надо только цифру 115;
widget_so.addVariable("distr", "true"); - Если true заменить на false, облако примет немного другой вид;
widget_so.addVariable("tagcloud", "<?php echo urlencode($tags); ?>"); - Указываем ссылки которые мы сформировали в переменно $tags и кодируем их в безопасное представление с помощью PHP функции urlencode();
widget_so.write("tags"); - Указываем ID слоя в котором будет располагаться наше облако тегов, в нашем случае это tags.
widget_so.addVariable("tcolor", "0x333333"); - Определяет цвет тегов в облаке.
С остальными параметрами не разбирался и не знаю что они обозначают.
И вот теперь полный рабочий код нашего распрекрасного облака тегов, остальное можно было не читать
Сохранить надо это как php файл (с расширением .php) и запускать на своем локальном денвере или на хостинге. Вот что получается.
Как это натянуть на свой сайт или на другой движок думаю разберетесь если конечно шарите в PHP. Например я натянул это облако на Drupal и теперь это облако красуется на моем новом сайте о CSS, щас допишу эту статью и напишу о том как присобачить это к Drupal. Вот написал. Знаете еще интересные фишки сайтостроительства? пишите мне, разберу по частям и напишу об этом пост, если конечно это будет действительно интересная штука.
У меня открылись глаза на мой блог: дизайн – ГАВНО, читабельность – ХРЕНОВАЯ. Так что вскоре нарисую новый дизайн, надеюсь буду побольше писать и займусь раскруткой своего веб-контентно-технического творения (блога этого) для дальнейшей его монетизации.