Облако тегов для UCOZ
Скрипты
Облако тегов для UCOZЯ покажу, как можно сделать следующее: изображение 1.
Многие, кто создал свой сайт на базе CMS UCOZ, хотят поставить облако тегов. В этом я убедился после того, как полазил по разным форумам и сайтам. Правда, достойного решения я так и не нашел. Многие способы основаны на Java скриптах. Но для нас это недопустимо, так-как мы теряем совместимость с разными броузерами. По моей статистике, без java на сайт заходят 20% пользователей. Поэтому я нашел способ сделать облако тегов, независящее от java.
После небольшого раздумья я пришел к выводу, что можно создать подобное облако при помощи информеров. В результате получится довольно симпатичное облако тегов на сайте.
Как это сделать? Ответ на вопрос читаем ниже.
Для начала создадим информер. Для этого заходим на сайт и выбираем пункт меню "Общее" - "Вход в панель управления". Далее вводим имя пользователя и пароль, входим. Выполняем пункт меню "Инструменты" - "Информеры". Нажимаем на кнопку "Создать информер". Вводим название информера. Это поле нужно только для Вас. Система его не использует. Назовите, например, "Файлы-Облако". В списке "Раздел" выберите требуемый модуль. У меня это - "Каталог файлов". Тип данных: "Материалы". Способ сортировки: "В случайном порядке". В поле "Количество материалов" вводите количество выводимых ссылок облака тегов. У меня в этом поле 50. Кличество колонок: 1. Должно получится что-то подобное: изображение 2.
Нажимаем "Создать".
В созданном информере нажимаем "Шаблон информера": изображение 3.
В редакторе вводим следующий код:
Этот код Вы можете изменить под Ваши требования.
А для данного информера нужно прописать в теге HEAD следующий код:
.cloudFrame {border:#CCC solid 1px; padding:5px; text-align:center; font-size:8pt;}
.cloudLink {margin:0px 7px 0px 7px; color:#009CFF; text-decoration:none; vertical-align:middle; white-space:nowrap;}
.cloudLink:hover {margin:0px 6px 0px 6px; color:#009CFF; text-decoration:none; vertical-align:middle; white-space:nowrap; border:#009CFF solid 1px;}
</style>
Там, где хотите вывести облако тегов пишем следующее:
$MYINF_27$
</div>
$MYINF_27$ - заменяете кодом своего информера.
Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.
x;z-index:1 }Google+
Облако тегов для UCOZ
Скрипты
Скрипты, инструкции, справочники
| Категория: | Скрипты |
| Просмотрено: | 40438 |
| Рейтинг: | 4.3/74 |
| Дата добавления: | 2009-02-06 19:28, Пятница |
| Добавил: | Szen |
Дополнительно к Облако тегов для UCOZ
Мини-форум
| № 0 | 2009-02-06 19:28 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Облако тегов для UCOZ". |
| Гость |
| № 1 | 2009-02-08 23:18 |
Szen | Разместил облако тегов на сайте. Посмотрим, какова его эффиктивность. |
| Szen · WWW |
| № 3 | 2009-02-11 22:47 |
| Szen | Кто нибудь знает, как отреагируют поисковики, если, скажем, вместо ссылки "http://szenprogs.ru/blog/2009-02-06-22" будут ссылки типа "http://szenprogs.ru/blog/2009-02-06-22?Облако тегов для UCOZ"? Кто нибудь подобное решение пробовал? |
| Szen · WWW |
| № 4 | 2009-06-21 22:06 |
Safarik94 | У меня просто текст. И куда код писать, в место Head. Пожалуяста напишите на Safarik94@yandex.ru |
| Лёва Сафаров |
| № 5 | 2009-06-21 22:18 |
| Safarik94 | Простите, слово пожалуйста неправильно написал! (Пажалуяста) |
| Лёва Сафаров |
| № 6 | 2009-06-25 11:46 |
| Szen | Safarik94, описанный на этой странице метод отображает только обычное облако. Если вам нужно 3-х мерное, то идите по адресу: http://szenprogs.ru/blog/2009-03-26-37 |
| Szen · WWW |
