Флеш фон - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Скрипты для uCoz » Флеш и анимации для сайта » Флеш фон

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Флеш фон

Делаем Флеш фон для сайта




Сделать фон для своего сайта применяя Flash - SWF элемент совсем не трудно, главное нужно понимать какой из селекторов является основным. Основной селектор, по умолчанию в стандартной вёрстке сайта uCoz им является (#wrap) привязан к блочному тегу <div id="wrap"> который находится в самом верху "Верхней части сайта". В "Таблице стилей" он может выглядеть следующим образом - #wrap {background:url(ссылка на картинку);}. Многие используют нестандартные шаблоны в которых вёрстка может иметь индивидуальное отличие в распределении сценариев для исполняющих их селекторов со стилями. Фон с использованием Флеш будет адекватно отображаться если селектор включает в себя все остальные селекторы. Ниже в примере для проверки Вы сможете убедиться в актуальности предлагаемого подхода, исключающего применение скриптов и явных размеров, размеры для фона из флешки указываются в процентном соотношении, это гарантирует его равноменое распределение по высоте и ширине страницы сайта. Так же хочется уделить внимание применяемому свойству z-index которое отделяет слои флеш от находящегося поверх него контента. И конечно нельзя забывать о свойстве position устанавливающее положение элемента. Этот способ не взят из вне, он придуман и испытан лично мной. Если у Вас повятся вопросы технического содержания, описывайте их в стандартной форме комментариев, для всех остальных тем можно воспользоваться формой комментариев ВКонтакте.





Пример кода для установки Флеш фоном сайта

Зелёным цветом выделен тег <div id="wrap">, если у Вас аналогичный селектор по имени, строку зелёного цвета нужно удалить, она показана как пример.



<style>
#flash-dsbackground {
position: fixed;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 100%;
z-index:0;
}
#wrap {
position: absolute;
width: 100%;
height: 100%;
z-index:1;
}
</style>
<embed id="flash-dsbackground" pluginspage='http://www.macromedia.com/go/getflashplayer' src='//delaisait.ucoz.ru/script/effect/swf/2014/flash-fon-delaisait.swf' type='application/x-shockwave-flash' quality='high' wmode='transparent'></embed>
<div id="wrap"> Здесь находится контент</div>



Пример работающего Flash фона для проверки

Пример кода предоставленный ниже нужен только для проверки в редакторе HTML, чтобы воспользоваться редактором нажмите на кртинку в нижнем левом углу сайта. Откроется "Панель инструментов" в которой Вам нужно открыть "Редактор HTML", скопировать в него код и посмотреть работу фона в реальном времени. В примере я сделал флеш элемент в качестве фона, а вторую флеху поместил по центру над флеш фоном.



<style>
#flash-dsbackground {
position: fixed;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 100%;
background-color:Silver;
z-index:0;
}
#wrap {
position: absolute;
width: 100%;
height: 100%;
z-index:1;
}
</style>
<embed id="flash-dsbackground" pluginspage='http://www.macromedia.com/go/getflashplayer' src='//delaisait.ucoz.ru/script/effect/swf/2014/flash-fon-delaisait.swf' type='application/x-shockwave-flash' quality='high' wmode='transparent'></embed>
<div id="wrap">
<div style="height:50%;margin-bottom:-200px;position:relative;">
</div>
<div style="clear:both; margin:0 auto;height:400px;border:0;width:400px;">
<embed pluginspage='http://www.macromedia.com/go/getflashplayer' src='//delaisait.ucoz.ru/script/clock/180/clocksite_5.swf' type='application/x-shockwave-flash' quality='high' wmode='transparent' width='400px' height='400px'></embed>
</div>
<div style="position:relative;top:-100px;bottom:-100px;height:auto;">
</div>
</div>


Разумеется что без недостатков не обойтись, страницы с флеш фоном будут очень долго грузиться, повышается возможность краха плагина Flash плеер у посетителя открывшего страницу с фоном из флеш. Делайте подобную фичу на свой страх и риск...









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 2008 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: for site, фон из флеш, на сайт, Для сайта, flash background, фон из swf

    Вы будете первый кто оставит комментарий

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