Приветствую Вас Гость | RSS

РАБОТА И УЧЕБА

Вторник, 19.03.2024, 09:09
Главная » Статьи » создание своего сайта » скрипты для юкоз

Облако ссылок для юкоз
Этот сайт я использую в основном как большую записную книжку. К котрой можно получить доступ из любого места. Здесь нет какой либо секретной информации , а лишь только мои заметки и наработки. Что это значит? Это обозначает только то, что я понял сам и смог это сделать . Поэтому я могу поделиться этой информацией с кем то еще.
Code
<div id="yoblako">

<div id="yoblako" align="center"><noindex><a style="font-size:10pt;" href="/search/Menu/" rel="nofollow" class="eTag eTagGr10">Menu</a> <a style="font-size:11pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-5l" rel="nofollow" class="eTag eTagGr11">HTML</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/9-1-0-47" rel="nofollow" class="eTag eTagGr8">как заработать деньги</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-36" rel="nofollow" class="eTag eTagGr8">словарь HTML</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-42" rel="nofollow" class="eTag eTagGr8">Словарь терминов встречающихся в интернете</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-7l" rel="nofollow" class="eTag eTagGr8">Управление цветом</a> <a style="font-size:10pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-8l" rel="nofollow" class="eTag eTagGr10">Создаем текст который мигает</a> <a style="font-size:10pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-40" rel="nofollow" class="eTag eTagGr10">Надпись в картинке</a> <a style="font-size:13pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-9l" rel="nofollow" class="eTag eTagGr13">Создание бегущей строки</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-10l" rel="nofollow" class="eTag eTagGr8">СОЗДАЕМ ГИПЕРССЫЛКУ</a> <a style="font-size:17pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-11l" rel="nofollow" class="eTag eTagGr17">ДОБАВЛЯЕМ ИЗОБРАЖЕНИЕ (картинку)</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-19" rel="nofollow" class="eTag eTagGr8">скрипт часов для сайта</a> <a style="font-size:17pt;" href="http://elektra28s.ucoz.ru/publ/5-1-0-22" rel="nofollow" class="eTag eTagGr17">кнопки для сайта</a><a style="font-size:11pt;" href="http://elektra28s.ucoz.ru/publ/5-1-0-26" rel="nofollow" class="eTag eTagGr11">таблица html цветов</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-32" rel="nofollow" class="eTag eTagGr8">как сменить фавикон сайта</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-33" rel="nofollow" class="eTag eTagGr8">создаем поле для рекламы</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-83" rel="nofollow" class="eTag eTagGr8">наши кнопки</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-31" rel="nofollow" class="eTag eTagGr8">анимашки</a> <a style="font-size:10pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-28" rel="nofollow" class="eTag eTagGr10">бесплатно раскрутить свой сайт</a> <a style="font-size:10pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-25" rel="nofollow" class="eTag eTagGr10">мультяшки</a> <a style="font-size:13pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-24" rel="nofollow" class="eTag eTagGr13">открытки</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-23" rel="nofollow" class="eTag eTagGr8">СМАЙЛИКИ</a> <a style="font-size:17pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-21" rel="nofollow" class="eTag eTagGr17">Контент для сайта</a> <a style="font-size:8pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-20" rel="nofollow" class="eTag eTagGr8">СВОЙ САЙТ ЗА 10 МИНУТ</a> <a style="font-size:17pt;" href="http://elektra28s.ucoz.ru/publ/1-1-0-12" rel="nofollow" class="eTag eTagGr17">ЭЛЕКТРОМОНТАЖ СВОИМИ РУКАМИ</a> </noindex></div>

<script type="text/javascript" src="http://elektra28s.ucoz.ru/oblako/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x888888';
flashvars.tcolor2 = '0x666666';
flashvars.hicolor = '0xFF0000';
flashvars.distr = 'true';
flashvars.tspeed = '100';

eTagz = document.getElementById('yoblako').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(/&amp;/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://elektra28s.ucoz.ru/oblako/tagcloud.swf', 'yoblako', '280', '230', '9.0.0', false, flashvars, params, attributes);
</script>
</div>


Это исходный код облака ссылок которое установленно на моем сайте. Если есть желание можно проверить. Чаще смотрите исходный код страницы. Этот простой способ довольно часто помогает мне. Так как не всегда информацию выкладывают в полном объеме. Вращающееся облако ссылок хорошая игрушка. Когда я только его установил очень собой загордился . Еще бы столько времени потратить на это. И по свежей мысли сразу же кинул и на второй свой сайт. Теперь по порядку:
  • Сначала скачиваем zip архив .И распаковываем его у себя на компьютере.

  • В архиве два файла. swfobject.js и tagcloud.swf которые нужно залить в корень сайта.

    Файловый менеджер>>Создать новую папку(назовем ее" oblako")>>

  • Далее возвращаемся на сайт,>> включаем конструктор и создаем новый блок. Редактируем его содержимое, вставляем в него следующий код (Который предварительно скопируем к себе на компьютер и в программе блокнот подгоняем под нужные нам названия и ссылки):

     

    Code
    <div id="yoblako">

    <div id="yoblako" align="center"><noindex><a style="font-size:10pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr10">Menu</a> <a style="font-size:11pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr11">HTML</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">как заработать деньги</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">словарь HTML</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">Словарь терминов встречающихся в интернете</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">Управление цветом</a> <a style="font-size:10pt;" href="ССЫЛКАl" rel="nofollow" class="eTag eTagGr10">Создаем текст который мигает</a> <a style="font-size:10pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr10">Надпись в картинке</a> <a style="font-size:13pt;" href="ССЫЛКАl" rel="nofollow" class="eTag eTagGr13">Создание бегущей строки</a> <a style="font-size:8pt;" href="ССЫЛКАl" rel="nofollow" class="eTag eTagGr8">СОЗДАЕМ ГИПЕРССЫЛКУ</a> <a style="font-size:17pt;" href="ССЫЛКАl" rel="nofollow" class="eTag eTagGr17">ДОБАВЛЯЕМ ИЗОБРАЖЕНИЕ (картинку)</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">скрипт часов для сайта</a> <a style="font-size:17pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr17">кнопки для сайта</a><a style="font-size:11pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr11">таблица html цветов</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">как сменить фавикон сайта</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">создаем поле для рекламы</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">наши кнопки</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">анимашки</a> <a style="font-size:10pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr10">бесплатно раскрутить свой сайт</a> <a style="font-size:10pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr10">мультяшки</a> <a style="font-size:13pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr13">открытки</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">СМАЙЛИКИ</a> <a style="font-size:17pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr17">Контент для сайта</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">СВОЙ САЙТ ЗА 10 МИНУТ</a> <a style="font-size:17pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr17">ЭЛЕКТРОМОНТАЖ СВОИМИ РУКАМИ</a> </noindex></div>

    <script type="text/javascript" src="http://elektra28s.ucoz.ru/oblako/swfobject.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    flashvars.mode = 'tags';
    flashvars.minFontSize = '8';
    flashvars.maxFontSize = '14';
    flashvars.tcolor = '0x888888';
    flashvars.tcolor2 = '0x666666';
    flashvars.hicolor = '0xFF0000';
    flashvars.distr = 'true';
    flashvars.tspeed = '100';

    eTagz = document.getElementById('yoblako').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(/&amp;/i, '%26') + '</a>';
    delete eTagz;
    flashvars.tagcloud += '</tags>';
    var params = {};
    params.wmode = 'transparent';
    params.bgcolor = '#FFFFFF';
    params.allowscriptaccess = 'always';
    var attributes = {};
    attributes.id = 'yoblako';
    attributes.name = 'tagcloud';
    swfobject.embedSWF('http://elektra28s.ucoz.ru/oblako/tagcloud.swf', 'yoblako', '280', '230', '9.0.0', false, flashvars, params, attributes);
    </script>
    </div>


    <script type="text/javascript" src="http://elektra28s.ucoz.ru/oblako/swfobject.js"></script>
    укажите путь к файлу на Вашем сайте. То есть то, что синим цветом заменить на свое.
    swfobject.embedSWF('http://elektra28s.ucoz.ru/oblako/tagcloud.swf'
    В этой строке кода так же изменяем координаты файла на свои. Впринципе черновая работа на этом заканчивается. А теперь самое интересное это подгонка облака под свой дизайн и размер:
    <a style="font-size:8pt;"--Размер шрифта текста
    <a style="font-size:10pt;" --Размер шрифта текста
    <a style="font-size:17pt;"--Размер шрифта текста
    Их лучше не трогать если не знаешь, что еще нужно заменить.
    'yoblako', '280', '230', '9.0.0', false, flashvars,-- А вот размеры самого облака заменить на свои даже нужно.
    flashvars.hicolor = '0xFF0000' -- цвет текста при наведении курсора на ярлык.
    flashvars.tspeed = '100'; - скорость вращения Flash Облака
    params.wmode = 'transparent';- -этот параметр обозначает прозрачный фон.

    Вот так я сделал свое облако тегов для сайта на юкоз. Если этот материал Вам в какой то мере был полезен просьба оставить комментарий или хотя бы принять участие в опросе который находится в левой колонке. Это все.

    Категория: скрипты для юкоз | Добавил: bot (27.03.2011)
    Просмотров: 7658
    | Комментарии: 14 | Теги: трехмерное Flash облако, облако тегов для юкоз | Рейтинг: 0.0/0
    Всего комментариев: 14
    12 NATALIYA  
    yoblako', '280', '230', '9.0.0', false, flashvars,
    НУ 280 И 230 ЭТО ПОНЯТНО, А 9,0,0 ЭТО ЧТО?

    13 bot  
    Я сам так и не понял. Но когда меняешь значение свыше 11, то флеш - облако становится просто таблицей. Попробуйте поискать, где то еще информацию, может найдете.

    11 NATALIYA  
    ЧТО ОЗНАЧАЕТ
    flashvars.tcolor2 = '0x666666';
    flashvars.minFontSize = '8';
    flashvars.maxFontSize = '14';
    params.bgcolor = '#FFFFFF';

    9 NATALIYA  
    А КАК ВМЕСТО СЛОВ ВСТАВИТЬ КАРТИНКУ

    10 bot  
    Честно говоря я не делал облако картинок, просто в этом не было необходимости. Но там тоже два файла заливаются в корень сайта, и ставятся картинки. Гугл вам в помощь smile

    8 NATALIYA  
    SUPER БЛАГОДАРЮ, ОЧЕНЬ ДОХОДЧИВО. ВСЁ РАБОТАЕТ. НА ДРУГИХ САЙТАХ НЕКОТОРЫЕ ПОДРОБНОСТИ БЫЛИ ОПУЩЕНЫ КАК САМО СОБОЙ РАЗУМЕЕТСЯ ПОТОМУ И НЕ ПОЛУЧАЛОСЬ. laugh

    14 bot  
    Я точно так же искал, пока не посмотрел исходный код страницы. smile

    7 Андрей  
    Интересно. надо попробывать обязательно :-)

    5 Маурус  
    СПАСИБО! biggrin biggrin biggrin Токо ссылка на файлы битая( пришлось в инете искать файлы

    6 bot  
    спасибо за замечание просто давно не проверял. Уже все скачивается. cool

    4 saruman67  
    спасиб, чувак!!!

    3 Добродей  
    Спасибище, мужик!

    1 Вадим  
    Спасибо!

    2 bot  
    Всегда пожалуйста.

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]