Эпиграф в стиле tumblr (перевод windymind)
Текстовое:
Облако тегов - это такая хреньой скрипт, который все ссылки навигации группирует в небольшой шар, в котором навигация, собственно, и плавает.
Погонять само облако можно здесь.
Итак, как нам сделать облако?
Оно "состоит" из двух частей.
Первую часть вы вставляете туда, где по вашему замыслу должно стоять облако тегов.
<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="Ссылка_на_тему_навигации" rel="nofollow" class="eTag eTagGr8">Название_ссылки</a>
</noindex></div>
Вставляете ссылку на тему, которая в будущем будет крутиться в облаке.
Названии ссылки/темы.
Выделенное этим цветом копируем сколько нужно.
Вторую часть вставляем в html-низ.
<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '8';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0x009CFF';
flashvars.tcolor2 = '0x009CFF';
flashvars.hicolor = '0x009CСF';
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(/&/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://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>
Ширина облака в пикселях
Высота облака в пикселях
Максимальная версия флеш-плеера, которая нужна для отображения облака
Устанавливает прозрачность облака. Если вы уберете эту строку, то сможете задать цвет фона сами.
Размер самого маленького и самого большого соответственно шрифта в облаке. Задается в пунктах.
Цвет самого редкого текста в облаке тегов в RGB формате. Частота текста определяется по свойству ссылки style. 0x не меняем.
Цвет текста при наведении на него мышкой. 0x не меняем.
Скорость вращения облака.
В картинках:
Вставляем туда, где будет вертеться ваше облако.
<script type="text/javascript" src="http://orlenok2.do.am/swfobject.js"></script><div id="oblapics">
<a href="Ссылка_на_тему">
Ссылка на картинку </a><a href="Ссылка_на_тему">
Ссылка на картинку </a><a href="Ссылка_на_тему">
Ссылка на картинку </a></div><script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>
Копируем столько раз, сколько нужно.
Цвет фона под облаком.
Ширина облака.
Высота облака
