Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Текущее время Март 29th 2024, 04:56
Результаты поиска: найдено 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 в высоту.
Рисуйте свою открытку или заказывайте специалистам.
Вставляйте ссылку на картинку и наслаждайтесь)))
Для тестирования можно воспользоваться этой картинкой
- в Ноябрь 27th 2014, 17:59
- Искать в: Праздничное и сезонное оформление
- Тема: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!
- Ответов: 36
- Просмотров: 33107