Пятница, 22.09.2017, 05:40
Главная Регистрация RSS
Приветствую Вас, Гость
виртуальный сервер
чат
200
вход
категории
зацени сайт
Оцените мой сайт
Всего ответов: 10
облако тегов
3D облако теги
$MYINF_#$
нажми на кнопку
бесплатно
FreeAvalanche - Лавина Бесплатного Трафика на Ваш Сайт
обменник
Payeer® Обменник
выгодно
Block title
уже были на сайте
Время жизни сайта
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
создать сайт бесплатно http://www.ucoz.ru/?pguid=1834847462
Главная » Статьи » Не мои статьи

Облако тегов 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
Категория: Не мои статьи | Добавил: buduli4 (05.06.2012)
Просмотров: 402 | Комментарии: 1 | Теги: 3D, теги, облако | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]