Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Вход через Facebook
автор Дмитрий Зверев Сегодня в 11:46

» Форумы в категории в два столбца как у вас
автор Дмитрий Зверев Сегодня в 4:52

» Гости не могут читать темы
автор canitha Вчера в 20:37

» Поменять логотип.
автор Mag-Vasiliy Вчера в 14:43

» Как поменять цвет в моб.версии
автор Mag-Vasiliy Вчера в 12:16

» Глючат BB-коды
автор Moonlight Вчера в 12:11

» Активные темы - кнопкой в навигации.
автор Dana Domirani Чт 23 Ноя - 22:06

» Курсы Кредитов
автор Dana Domirani Чт 23 Ноя - 21:53

» Платный контент
автор Aster Чт 23 Ноя - 9:59

» Магия Жизни
автор blekket Ср 22 Ноя - 20:21

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Текущее время Сб 25 Ноя - 12:41

Результаты поиска: найдено 1 по поиску newyear

Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Новогодняя музыкальная открытка
Подходит для всех версий форума

В правом нижнем углу выглядывает Дед Мороз.
При наведении на него курсора рядом появляется олень кликнув на которого откроется окно с музыкальной открыткой.

Скриншоты:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

ДЕМО

Установка
Создайте у себя на форуме HTML страницу (в продвинутом режиме HTML)
Название * : Музыкальная открытка (или своё название)
Использовать верх и низ вашего форума: НЕТ
Использовать эту страницу в качестве Главной: НЕТ

В поле Полный код страницы вставьте

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="all" href="http://dizayn.mybb.ru/files/000a/45/08/43781.css"/>
</head>
<script type="text/javascript" src="http://yourjavascript.com/458129911271/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
$$i({
create:'script',
attribute: {
'type':'text/javascript',
'src':'http://yourjavascript.com/407212811123/musik.js'
},
insert:$$().body,
onready:function() {//выполняю только после загрузки скрипта
//запукаю из загруженного скрипта
modules.sound.start({'music': 'http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3'});
$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
}
});
});
</script>
<body>
<div id="newyear">
<div class="newyear-sneg-layer1"></div>
<div class="newyear-sneg-layer2"></div>
<div class="newyear-pozdrava">
<!— Фон открытки -->
<style type="text/css">
#newyear{
background:url(http://ссылка на вашу картинку открытку) no-repeat top center;height:540px;
}
</style>
</div>
</div>
 
</body>
</html>


height:540px - высота тартинки
Сохраните.

Далее ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон overall_footer_end (Конец нижней части страницы)
В самый низ перед </body> вставьте

<a href="#" target="_blank" onClick="popupWin = window.open('http://ссылка на html страницу с открыткой',
 'new_year', 'width=828, height=542, top='+((screen.height-620)/2)+',left='+((screen.width-828)/2)+',
 resizable=yes, scrollbars=no, status=yes');popupWin.focus(); return false;"><div id="ded-moroz"></div></a>


width=828 - ширина окна в пикселях. Должна соответствовать ширине вашей картинки
height=542 - высота окна в пикселях. Должна быть больше высоты вашей картинки на 2px.

Сохраните и опубликуйте шаблон.

Далее в ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS вставьте код

Код:
/*музыкальная поздравлялка*/
#ded-moroz {
position:fixed;
background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo10.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo11.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}


Нажмите ОК.

P.S. Код настроен на картинку размером 828px в ширину и 540px в высоту.
Рисуйте свою открытку или заказывайте специалистам.
Вставляйте ссылку на картинку и наслаждайтесь)))


Для тестирования можно воспользоваться этой картинкой

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
автор Домовой
в Чт 27 Ноя - 17:59
 
Искать в: Праздничное и сезонное оформление
Тема: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!
Ответов: 41
Просмотров: 21807

Вернуться к началу

Перейти: