Webamator Blog

Трехмерное облако тегов с фоном
MENU
Home » Сайтостроителю » Трехмерное облако тегов с фоном

Трехмерное облако тегов с фоном

Все чаще на сайтах можно увидеть так называемое “трехмерное” флешевое облако тегов, и частенько оно действительно может выглядеть симпатичнам. Если подобный вертящийся блок из “летающих” слов вписывается в общий дизайн и в общую концепцию сайта, то почему бы его не поставить? Однако я заметил что 99% подобных облаков делаюется на каком-либо однотонном фоне, а ведь фон можно очень просто поменять на какое-либо изображение.

Давайте посмотрим в качестве примера на сайт моего сына – здесь для многих привычное флешевое облако наложено на фон футбольного мяча. Хотите себе нечто похожее? – нет ничего проще, причем предложенный способ не зависит от использованной CMS.

Во-первых давайте разместим наше облако в блок, который будет иметь нужную вам фоновую картинку.

<div class="bg_tagcloud">
...
тут код, который вызывает флешевое облако тегов
...
</div>

Во-вторых пропишем стили для него

.bg_tagcloud {
background-attachment: scroll;
background-image: url("http://ваш_сайт/путь_к_картинке/картинка.jpg");
background-position: 50% 0%;
background-repeat: no-repeat;
}

И в третьих убедитесь что при вызове swf-обьекта тегом embed имеется атрибут wmode со значением transparent – т.е. тег embed должен иметь примерно такой вид:

<embed type="application/x-shockwave-flash" src="blablabla" wmode="transparent" ... />

атрибутов на самом деле будет больше (width, height, quality и т.д.) – но нас должно интересовать обязательное наличие wmode=”transparent”

Готово – если вы все сделали верно, то ваше облако будет крутиться не на однотонном фоне, а на какой-нибудь картинке – той что вы задали свойством background-image в CSS

Popularity: 11%

Добавлено 17 апреля 2011
Рубрика: Сайтостроителю
Метки: ,

Если данный пост показался вам полезным или интересным, нажмите на одну из кнопок ниже - от vkontakte, facebook, tweeter или google+, чтобы о нем узнали ваши друзья. Спасибо!

Также рекомендую публикации, похожие на "Трехмерное облако тегов с фоном"

Адаптивный шаблон

Дело было вечером, делать было нечего… Вобщем, сделал шаблон для блога адаптивным – сейчас отлично выглядит и на планшетах и на смартах, и при книжной и при альбомной [...]

8 марта и весенний шаблон для Wordpress

Дорогие наши, красивые, умные, обаятельные женщины! Наверняка к этому времени вы уже успели выслушать десятки поздравлений и пожеланий в свой адрес, но я все равно хочу присоедениться к [...]

Последние новости для Joomla! – кастомизация

В данном посте я хочу рассказать о возможности CMS Joomla, о которой почему-то мало где упоминается, и которая тем не менее позволят работать с данным движком более гибкой [...]

5 ошибок начинающих дизайнеров

До сих пор у меня не было постов в стиле “5 советов” или “10 лучших”. Сегодня попробую исправить данный недочет и поделюсь мыслями по поводу самых ошибок начинающих [...]

Нет комментариев

No comments yet.

RSS feed for comments on this post.

Leave a comment