меню сайта
виртуальный сервер
чат
категории
Мои статьи [0] |
Не мои статьи [2] |
зацени сайт
нажми на кнопку
обменник
выгодно
Друзья сайта
уже были на сайте
Время жизни сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Не мои статьи |
Облако тегов 3D
Возможно на некоторых сайтах вы уже замечали облако тегов 3D. На нашем сайте оно расположено слева. Раньше создать такое облако можно было только посредством PHP. Но система uCoz раньше не позволяла использовать PHP-скрипты, поэтому мы рассмотрим создание такого элемента страницы с помощью HTML и JavaScript. Для создания такого облака вам понадобятся следующие файлы. Скачав архив на свой компьютер, вы должны его распаковать. Теперь мы должны загрузить эти два файла на ваш сайт в папку oblako. Открываем Панель управления. В Админ-баре находим вкладку Инструменты » Файловый менеджер. Во вновь открывшемся окне нажимаем кнопку "Создать папку". В текстовом поле вводим oblako, а затем нажимаем на галочку. Открываем папку созданную oblako. Нажимаем кнопку "Обзор...", в открывшемся окне выбираем первый скачанный файл, нажимаем кнопку "Открыть". Затем нажимаем "Загрузить файл...". Повторяем операцию для второго файла.Небольшие приготовления... Заходим в "Панель управления". В центральной части панели находится ссылка "Информеры" - проходим по ней. Справа нажимаем кнопку "Создать информер". Название выбираете любое. Далее выбираем раздел "Теги". Выделяем нужные чекбоксы(галочки). Нажимаем кнопку "Создать". Теперь у вас создан информер тегов. Около названия созданного информера находится надпись типа $MYINF_#$, где вместе # стоит любое число. Запомните его! А теперь перейдем к встраиванию облака непосредственно в сайт. Нажимаем по надписи "НОВЫЙ БЛОК", меняем его, например, на "Облако тегов". Теперь нажимаем на значке около данного блока. Открывается ajax-окно. Нажимаем "HTML". В текстовое поле вставляем следующий код: Code $MYINF_#$ <div id="oblako" align="center">$MYINF_#$</div> <script type="text/javascript" src="$HOME_PAGE_LINK$oblako/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '8'; flashvars.maxFontSize = '14'; flashvars.tcolor = '0x1D3D61'; flashvars.tcolor2 = '0x4D6D91'; flashvars.hicolor = '0x193978'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('oblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/gi, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'oblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('$HOME_PAGE_LINK$oblako/tagcloud.swf', 'oblako', '200', '200', '9.0.0', false, flashvars, params, attributes); </script> Здесь в "$MYINF_#$" заменяем # на номер своего информера. Нажимаем "Сохранить". Затем "Конструктор" » "Сохранить изменения". Если после этого конструктор не был выключен, то вы можете нажать "Конструктор" » "Отключить конструктор". Вуа-ля - облако готово! =) Источник: http://www.uguide.ru/blog/oblako_tegov/2011-01-22-4 | |
Просмотров: 668 | Комментарии: 1
| Теги: |
Всего комментариев: 0 | |