Новогодняя мотня от Яши :)

Тема в разделе "Софт / Скрипты", создана пользователем santsa, 12.12.15.

  1. santsa

    santsa Новичок

    Сообщения:
    34
    Симпатии:
    27
    Баллы:
    19
    [​IMG]
    Искал и нашел вот такие игрушки...решил с Вами поделиться, вдруг кто нить надумает тоже разукрасить свой сайт к празднику:)

    Вообщем нашел елочные шарики, которые двигаются при наведении на них мышкой, и не просто двигаются а ещё и издают звук. Это украшение взято со страницы входа в почту Яндекса, а находчивый программист в исходном коде сделал комментарий для этой веточки <!-- новогодняя мотня newyear.html --> вот так и повелось...
    В интернете уже есть несколько похожих статей, однако все они без звука и файлы грузятся с Яндекса - тут же всё локально.
    Разбирался признаюсь довольно долго

    Установка:

    Разметка HTML

    Вот этот код вставляем после тега body:

    Скачать html код

    CSS

    Подключаем файл стилей шариков:

    <link rel="stylesheet" href="style.css">

    В CSS стилях возможно придется слегка вам подправить значения ширины, margin, top, чтобы выровнять расположение новогодней мотни на страничке.

    javascript ( Куда без него! :) )

    Тут подключаем jQuery, swfobject и скрипт:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="swfobject.min.js"></script>
    <script type="text/javascript" src="newyear.js"></script>

    Если у вас нет звука поправьте путь в файле newyear.js до файла ny2012.swf: ( либо просто киньте его в корень сайта, так как в данный момент он указан так /ny2012.swf)

    function f() {
    var i = "/clientscript/new_year/ny2012.swf";

    Ну вот и все!

    Демо
    Скачать
     
    marat1975 и Dodd нравится это.
  2. euskal

    euskal Новичок

    Сообщения:
    20
    Симпатии:
    1
    Баллы:
    8
    Придаст дорам новогоднее настроение)
     
  3. santsa

    santsa Новичок

    Сообщения:
    34
    Симпатии:
    27
    Баллы:
    19
    да, звенят празднично и поднимает настроение)
     
  4. Xstroy

    Xstroy Новичок

    Сообщения:
    8
    Симпатии:
    2
    Баллы:
    3
    Прикрутил себе колокольчики, правда утяжеляет страничку...
    [​IMG]
    Добавил код в конец страницы, ведь вывод всё равно в другом слое, но блок дивов в текстовке отодвигает низ страницы. Как бы обнулить это место?

    Хочу ещё поиграться со стилями, чтобы колокольчики оставались на месте при прокрутке. А то не все заметят их. Кстати, а на мобилах они звучат?
     
  5. santsa

    santsa Новичок

    Сообщения:
    34
    Симпатии:
    27
    Баллы:
    19
    Поставь адаптивный шаблон и проверь
     
  6. Xstroy

    Xstroy Новичок

    Сообщения:
    8
    Симпатии:
    2
    Баллы:
    3
    Он и так адаптивный...
     
  7. marat1975

    marat1975 Активный участник

    Сообщения:
    375
    Симпатии:
    143
    Баллы:
    71
    Смотрим на веселый дор: freekredit ru

    Один момент не допонял. При генерации с заменой названий "id" и "классов" вся эта красота перестает работать...
    Как исправить?

    Маленько поковырялся... Дошел до того, что Пандора не изменяет названия классов в js-скриптах. Куда копать дальше?

    Поковырявшись еще малость, попробовал перед генерацией заменить расширения js на css, после вернул обратно на хостинге. Шарики уже зашевелились... Однако - звука нет!
     
    Последнее редактирование модератором: 17.12.15
  8. vashamaska

    vashamaska Новичок

    Сообщения:
    57
    Симпатии:
    23
    Баллы:
    13
    в пандоре есть макрос который для нужных классов не меняет названия, вот пример
    {NOCSSRENAME}<div class="block-timer">
    <div class="timer"></div>{/NOCSSRENAME}
     
  9. marat1975

    marat1975 Активный участник

    Сообщения:
    375
    Симпатии:
    143
    Баллы:
    71
    Да это я знаю, хотелось понять, как сделать так, чтобы классы и в js менялись...
     
  10. vashamaska

    vashamaska Новичок

    Сообщения:
    57
    Симпатии:
    23
    Баллы:
    13
    стандартными средствами пандоры никак
     
    marat1975 нравится это.

Поделиться этой страницей