Вопросы по теме "Новогодние украшения для форумов"

автор ddumnova Вс 27 Ноя - 15:05

Первое сообщение в теме :

В данной теме задаем вопросы по установке новогодних украшений.
Готовые коды ищите в соседней теме http://help.forum2x2.ru/t21375-topic

Как отключить установленные на время праздников гирлянды / снег / и прочие украшения?

1. Перечитайте тему http://help.forum2x2.ru/t21375-topic — там есть конкретные рекомендации о том, куда устанавливается то или иное украшение и как именно выглядит его код.

2. Проверьте на своем форуме наиболее вероятные места:

ПА > Общие > Форум - Конфигурация > Описание сайта
ПА > Модули > Виджеты > Конфигурация портала > Виджеты портала
ПА > Модули > Виджеты форума — Виджеты форума
ПА > Оформление > Общая информация — Приветствие на главной странице
ПА > Общие настройки > Сообщения и Email > Объявления
ПА > Общие настройки > Раскрутка форума > Поисковые системы > Дополнительные метатеги

автор Evgesha Вт 23 Дек - 17:47

Огромное спасибо! Как здорово все получилось! С наступающим НОВЫМ ГОДОМ! santa

автор ttfanat Вт 23 Дек - 22:34

ЗдОрово! А можно убавить интенсивность (скорость) падения снега, и количество снежинок ?

автор Домовой Ср 24 Дек - 6:55

ttfanat пишет:А можно убавить интенсивность (скорость) падения снега

в коде меняйте значение 30 на бОльшее значение, к примеру 40

Код:: -webkit-animation:snow 30s linear infinite; -moz-animation:snow 30s linear infinite; -ms-animation:snow 30s linear infinite; animation:snow 30s linear infinite;

ttfanat пишет:и количество снежинок ?

В коде как вы видите есть три ссылки на картинки

Код:: background-image:url('http://i39.servimg.com/u/f39/15/66/79/64/ieaezz10.png'), url('http://i39.servimg.com/u/f39/15/66/79/64/ieaezz11.png'), url('http://i39.servimg.com/u/f39/15/66/79/64/ieaezz12.png'); /*картинки снега*/

Эти картинки с прозрачным фоном.
У них размер 500х500, 400х400, 300х300 соответственно.
Для наглядности выкладываю их на чёрном фоне.

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

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

Поменял в коде картинки, сейчас меньше снега и другие снежинки.
Смотрите ДЕМО

автор Премьера Ср 24 Дек - 12:50

У меня почему то картинка статичная, снег не падает...(( и Санту не видно

автор Ксандра Ср 24 Дек - 13:38

Санта из другого украшения, а этот скрипт у меня тоже увы статичен, попробовала на тестовом Инвизион, очистила там всю CSS, отключила виджеты, яваскрипты, шаблоны и вроде бы всё, что можно и никак, с первым вариантом картинок тоже и на Pun без отключений

автор Tinna Ср 24 Дек - 15:55

хотела сделать снег как тут

Код:: body { background-attachment: fixed; /*фиксированное положение фона*/ background-color:#000; /*основной цвет фона*/ background-image:url('http://i39.servimg.com/u/f39/14/80/95/87/110.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/210.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/310.png'); /*картинки снега*/ -webkit-animation:snow 30s linear infinite; -moz-animation:snow 30s linear infinite; -ms-animation:snow 30s linear infinite; animation:snow 30s linear infinite; } /*Keyframes*/ @keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-moz-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-webkit-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-ms-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ }

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

Код:: body { background: url('http://www.imgs.su/tmp/2014-03-15/1394873675-530.jpg') repeat-y center fixed; background-color:#002A2E; }

вопрос вот в чем ) можно ли сделать так чтоб фон(под таблицей) был по центру а по бокам падал снег с меняющимся фоном ?

автор Irbis Ср 24 Дек - 17:37

dina1979, добавить в CSS

Код:: #noel_deco { left: 50% !important; margin-left: -500px; }

Tinna, сделайте так

Код:: html { background-attachment: fixed; /*фиксированное положение фона*/ background-color:#000; /*основной цвет фона*/ background-image:url('http://i39.servimg.com/u/f39/14/80/95/87/110.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/210.png'), url('http://i39.servimg.com/u/f39/14/80/95/87/310.png'); /*картинки снега*/ -webkit-animation:snow 30s linear infinite; -moz-animation:snow 30s linear infinite; -ms-animation:snow 30s linear infinite; animation:snow 30s linear infinite; } /*Keyframes*/ @keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-moz-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-webkit-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } @-ms-keyframes snow { 0%{background-position:0px 0px, 0px 0px, 0px 0px;} 25%{background-color:#800000;} 50%{background-color:#008B00;} 75%{background-color:#00008B;} 100%{background-position: 500px 1000px, 400px 400px, 300px 300px;background-color:#000;} /*цвет завершения переходного цикла фона*/ } body { background-color: transparent !important; }

Потом только когда будете убирать снег

Код:: body { background-color: transparent !important; }

тоже убрать не забудьте

автор Lafee Ср 24 Дек - 20:29

Всем-всем, творческих Успехов! :-)

автор Домовой Ср 24 Дек - 20:48

Ксандра, под полем с CSS посмотрите Опции CSS
Оптимизировать вашу CSS: поставьте НЕТ

автор Ксандра Ср 24 Дек - 21:20

Домовой, СПАСИБО! сразу заработал фон) на это бы я не обратила внимания сама. На Pun так и было, может зависело от место куда вставила код, в начале ему больше понравилось))

автор Tinna Чт 25 Дек - 14:40

Irbis, спасибо))) girl_blush

автор Gastat Пт 26 Дек - 7:26

удалил

автор Purga Пн 29 Дек - 6:29

Очень хочу музыкальную открытку http://help.forum2x2.ru/t21375p30-topic#257487 Но не получается!

Вместо шаблона делаю виджет в правой колонке. Олень не кликабельный получается(( Что я делаю не так?

автор Домовой Пн 29 Дек - 7:00

А что Вам мешает поставить в шаблон?

автор Purga Пн 29 Дек - 7:27

Домовой, нет его по этому пути ПА - Оформление - Шаблоны - Общие настройки scratch

У меня версия phpBB3

автор Домовой Пн 29 Дек - 10:18

Purga пишет:нет его по этому пути ПА - Оформление - Шаблоны - Общие настройки У меня версия phpBB3

да хоть phpBB4, доступ к шаблонам есть на всех версиях форума.
Просто если вы соадмин а не создатель форума то тогда у вас не может быть доступа к шаблонам.
У меня же есть шаблоны
http://domovoybb3.forumotion.com

А то что в виджете не работает, это уже некомне а к чудо программистам сервиса.
Я не знаю что они нахимичили с форумами, почему в виджете код после сохранения превращается в кашу.

автор Purga Пн 29 Дек - 10:23

Домовой, теперь поняла, спасибо) я просто админским профилем не пользуюсь. Пойду попробую.

автор Purga Пн 29 Дек - 10:46

ААААА! Получилось! rose

Еще бы музыку поменять - и праздник удался))) Не могу понять куда заливать аудио, чтобы было расширение .mp3

автор Домовой Пн 29 Дек - 11:27

Purga, можно залить на http://my-files.ru
Надо после загрузки изменить время хранения файла

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

Сохранить изменения.
После этого вы получите кучу ссылок.
Но вам нужна только прямая ссылка на файл

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

Эту ссылку вставите в скрипт вместо существующей.
В скрипте я её выделил жирным

<!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>

Вот есть уже готовые ссылки на мелодию.

ABBA
http://my-files.ru/Download/vu4ita/ABBA - Happy New Year.mp3

Верка Сердючка
http://my-files.ru/Download/7r6jgh/Verka Serdyuchka (Novogodnyaya).mp3

автор Purga Пн 29 Дек - 13:36

Домовой, спасибо огромное, очень помогли! d_daisy

автор Purga Вт 30 Дек - 3:10

А можно ведь сделать так, чтобы играло несколько песен? Случайная из 3х, например. Увидела здесь описание http://javascript.ru/blog/fortuner/Skript-muzyki-sajt-Fonovaya-muzyka-sajte-Kak-proigrat-zvuk-muzyku-sajte

автор Домовой Вт 30 Дек - 6:39

Purga пишет:А можно ведь сделать так, чтобы играло несколько песен?

Ну это к тем кто разбирается в скриптах.

автор Irbis Ср 31 Дек - 1:41

В этом скрипте вы не сможете этого сделать, т.к. используется флешка, в которой не заложена такая возможность, а перекомпилить ее никто не даст)

Без обид, но способ очень кривой на самом деле. Подгружает два просто огромных скрипта (какие-то библиотеки, если я правильно понял) со стороннего сервера, которые внедряют в страницу музыкальный flash-плеер с третьего. А музыку мы втыкаем с четвертого. При этом CSS грузится с пятого, а картинки будут с шестого. И это все, чтоб показать картинку с фоновой песенкой.
Вот более рациональный вариант без сторонних CSS и скриптов, с возможностью проигрывать хоть 100500 песен:

Код:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #root { background: url('http://i59.servimg.com/u/f59/14/80/95/87/bg_uai10.jpg') no-repeat center / cover transparent; width: 100%; height: 100%; } #snowLayer, #underSnowLayer { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; background-position: 0 0; } #snowLayer { background: url(http://dizayn.mybb.ru/files/000a/45/08/78051.png); -webkit-animation: back-anim 6s linear infinite; /* Safari 4+ */ -moz-animation: back-anim 6s linear infinite; /* Fx 5+ */ -o-animation: back-anim 6s linear infinite; /* Opera 12+ */ animation: back-anim 6s linear infinite; /* IE 10+ */ } #underSnowLayer { background: url(http://dizayn.mybb.ru/files/000a/45/08/75011.png); -webkit-animation: back-anim 9s linear infinite; /* Safari 4+ */ -moz-animation: back-anim 9s linear infinite; /* Fx 5+ */ -o-animation: back-anim 9s linear infinite; /* Opera 12+ */ animation: back-anim 9s linear infinite; /* IE 10+ */ background-position: 0 0; } @-webkit-keyframes back-anim { 0% { background-position: 0 0; } 100% { background-position: 0 192px; } } @-moz-keyframes back-anim { 0% { background-position: 0 0; } 100% { background-position: 0 192px; } } @-o-keyframes back-anim { 0% { background-position: 0 0; } 100% { background-position: 0 192px; } } @keyframes back-anim { 0% { background-position: 0 0; } 100% { background-position: 0 192px; } } </style> <script type="text/javascript"> music = [ 'http://my-files.ru/Download/7r6jgh/Verka', 'http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3', 'http://my-files.ru/Download/vu4ita/ABBA' ]; function ready(){ document.getElementById('musicPlayer').start(music.join(',')); } </script> </head> <body> <div id="root"> <div id="snowLayer"></div> <div id="underSnowLayer"></div> </div> <embed id="musicPlayer" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://my-files.ru/Download/yv31zn/player.swf" style="width: 0px; height: 0px;"> </body> </html>

Собранную флешку я закинул на порекомендованный Домовым под музыку my-files.ru, туда же лучше перегрузить и все картинки из CSS, мне признаться влом) Чтобы уже код зависел только от одного стороннего сервера, а не от охапки=)

Спойлер:

автор Morandi Ср 31 Дек - 16:31

Почему, когда вставила гирлянду многие ее не видят?

Вопросы по теме "Новогодние украшения для форумов"

Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

***

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"

Re: Вопросы по теме "Новогодние украшения для форумов"