Блог свободен от NOFOLLOW!
Главная > WordPress > Как украсить сайт к Новому году – 2. Красивая гирлянда.

Как украсить сайт к Новому году – 2. Красивая гирлянда.

7 Декабрь 2012 97 коммент.

как украсить сайт к новому году

Продолжаю рассказывать о том, как можно украсить сайт (блог, форум) к Новому году. Прочитав эту запись, Вы сможете повесить на ваш проект красивую гирлянду, с качающимися звенящими ёлочными игрушками (шариками), которые реагируют на движение мышки пользователя.

Украшаем WordPress новогодней гирляндой.

1. Скачайте скрипт гирлянды.
http://delitant.ru/wp-content/uploads/2012/12/new_year.7z

Содержимое архива:

скрипт гирлянды

2. Скопируйте (залейте) содержимое архива в корневой каталог WordPress.

2. Подключите javascript и добавьте код гирлянды.

Открываем файл footer.php

Перед тегом </body> вставляем (подкючение javascript):

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

После </body> добавляем:

<div class="b-page_newyear">
    <div class="b-page__content">

        <i class="b-head-decor">
        <i class="b-head-decor__inner b-head-decor__inner_n1">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>

        <i class="b-head-decor__inner b-head-decor__inner_n2">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n3">

            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n4">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n5">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n6">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n7">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
    </i>

</div>
</div>

Сохраняем изменения.

3. CSS.

Можно подключить весь файл style.css из архива, добавив в header.php строчку:

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

Я просто скопировал содержание style.css и добавил его в файл стилей темы WordPress.

4. При необходимости настройте положение гирлянды на странице, корректирую CSS.

Красивая гирлянда радует посетителей вашего сайта и улучшает пользовательские факторы (кто ж откажется поиграться с такой красотой).

Скрипт гирлянды легко добавляется не только на WordPress, но и на любой движок, поддерживающий javascript, например, форум phpBB3. Кстати, спасибо за идею Ирине, администратору форума о Стасе Карпове.

Если возникнут вопросы по настройке, задавайте их в комментариях. С наступающим Новым годом!

P.S. Снегопад, как у меня обеспечивает скрипт:

<script type=text/javascript src=http://www.patmax.eu/J1/111109072032.js></script>
GD Star Rating
loading...
Как украсить сайт к Новому году – 2. Красивая гирлянда., 5.0 out of 5 based on 38 ratings
Буду благодарен, если поделитесь этой статьей в социальных сетях:

97 коммент. »

  • Ольга :

    Здравствуйте. Нажала на все 4 кнопки, но ссылку так и не получила. Жаль… Так хотелось принарядиться к празднику!

    [Ответить]

    Делитант:

    Прошу прощения… Хотел заоодно испытать новый плагин, но он либо глючит, либо я не разобрася в натройках. Сейчас ссылк открыта, скачивайте на здоровье.

    [Ответить]

    Ольга:

    О, благодарю:))

    [Ответить]

    Nurqa:

    у меня сабменю не откроется, плз исправьте…

    [Ответить]

  • Chronos :

    Спасибо большое) Воспользовался сервисом и установил себе снеговичка слева. Посмотрите и заодно оцените сайт.

    [Ответить]

    Делитант:

    Ссылка на блог отображается у тебя в подписи, этого достаточно что-бы посмотреть :)

    [Ответить]

    Прохожий:

    Посмотрел описание на установку этого твика, и сразу назрел вопросы.
    1. Вы для профессионалов это описывали, или просто для обыденных самоучек? Не похоже что для профи. Тогда сразу возникает другой вопрос.
    2. Вы вообще писали подобные инструкции? Я думаю нет. Потому как подробно описать вы не можете. Поэтому столько лишних вопросов в теме.
    Если вы дилетант, то учитесь вырасти из него и переделывать сие чудо правильно. Куча вопросов, но пост стоит неизменным. Если начали говорить А, то продолжайте говорить дальше.
    Укажите пути ко всем папкам, куда файлы нужно кидать, и какие файлы править, а самое главное где они лежат. А ещё укажите для новичков чем эти файлы открывать лучше всего. Вот вы пишите, что нужно править файл footer.php, а не говорите где он лежит, и чем его открыть. Это новичкам важно. Они идут искать в другое место от вас.
    Если берётесь писать инструкции, то научитесь сначала их писать!

    [Ответить]

    Лилия:

    О да вы правы. Переделать нужно. Очень хочу эту гирлянду. Заливала и в корень, устанавливала в футер и ничего. Помогите.

    [Ответить]

    Людмила:

    Не нужно так привередничать!!!!!! хороший материал!!! а кто не разобрал что к чему- задаст вопрос!!

    [Ответить]

    Виктория:

    Человек спёр просто текст, как он ответит на вопросы если сам в этом не разбирается?

    [Ответить]

  • Chronos :

    Кстати сервис с картинками(ваша статья ранее) работает на ура, но вот гирлянды:( Не работают:( После подключения, тень вверху появляется, но самих гирлянд нет.

    [Ответить]

    Делитант:

    Нужно смотреть, вот Dominanta (комментарии ниже)все установила :)

    [Ответить]

    AleXXX:

    Добавьте в style.css в ветку .b-page_newyear .b-head-decor{
    Этот код: z-index: 9999;
    Тогда шарики будут поверх сайта и шапки и всех элементов, они у вас просто спрятались на заднем плане.

    [Ответить]

    Никита:

    Я в такой же ситуации: тоже повисла тень и больше ничего… А вставив код «z-index: 9999;», шариков нету всё равно…

    [Ответить]

    AleXXX:

    Смотрите стили вашего шаблона, у вас могут другие элементы перекрывать шарики, может у кого-то из них задан z-index: 99999, а может быть и вовсе не задан. Главное, чтобы блок с шариками имел уровень выше, чем другие элементы сайта, кроме всплывающих окон конечно.

    Никита:

    В моём случае появились только веточки, наверное, потому что я «z-index: 99999″ вставил в блок, в котором находится путь к этим веточкам «balls/b-head-decor_newyear.png». Поэтому к остальным элементам я тоже добавил «z-index: 99999″, один из которых «.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1.png) no-repeat}». Добавил этот индекс в каждый из них.

    Теперь я хочу гирлянду эту поднять, а то они загораживают название сайта… И на этом я закончу!))) Как это можно сделать?

    [Ответить]

    AleXXX:

    Просто в css поднимите основной блок с гирляндой, подписав «margin-top: -50px;» вместо 50-ти укажите нужное кол-во пикселей.

    Никита:

    Справился. Огромное спасибо!

    [Ответить]

  • Dominanta :

    А у меня снежинки не падают пачмута (((
    ЗЫ: сайт в подписи.

    [Ответить]

    Делитант:

    Снежинки — это другой скрипт :)

    [Ответить]

    Dominanta:

    Хочу снежинки — хочу снежинки — хочу снежинки! (слегка потопываю ногами) )))))

    [Ответить]

    Делитант:

    Добавил в запись скрипт для снежинок. Если нужны по-больше и по-красивее, сегодня в дайджесте блогосферы будет ссылка.

  • Dmitry :

    По моему раньше можно было по логотипу кликать для перехода на главную? А теперь гирлянда. Или мне так кажется?

    [Ответить]

    Делитант:

    Да :) Я поднимал её выше, чтобы ссылки стали доступными, видимо не достаточно сильно. Добавлю еще 10 пикселей.

    [Ответить]

  • Chronos :

    Не, не работает одним словом) А жаль, гирлянда просто шик) Так еще и звуки издает.

    [Ответить]

  • Dominanta :

    Бааальшое спасибо за скрипт снежинок! :) Теперь у меня так же, как у тебя и моя душенька довольна )))

    [Ответить]

  • Томский школьник :

    А как гирлянда отразиться на скорости загрузки сайта?) Просто хочется установить, но боюсь сразу блог долго начнет грузиться.

    [Ответить]

    Делитант:

    Пока не поставишь — не узнаешь…
    P.S. На времени загрузки (долго — это характеристика времени)

    [Ответить]

  • Miroslav :

    гирлянда реально красивая

    [Ответить]

  • Влад :

    Что-то не звенят шарики :(

    [Ответить]

    AleXXX:

    Файл ny2012.swf залейте в корень сайта

    [Ответить]

  • Роман :

    Подскажите что отвечает за музыку? Установил сие чудо на блог, все супер, но звука нет=(((

    [Ответить]

    Делитант:

    За музыку отвечает файл ny2012.swf Попробуйте залить его в папку с темой.

    [Ответить]

    AleXXX:

    Файл ny2012.swf залейте в корень сайта

    [Ответить]

    adward:

    Чтобы не загромождать корень сайта, я залил файлы в отдельную папку и прописал все пути к ней. Всё работает, но звуки не отображаются. Я уже файло ny2012.swf залил и в корень темы, и в корень сайта — тишина…

    как быть?

    ЗЫ. Ссылка на сайт — по клику на мой ник.

  • Сергей :

    Да, красивая вещь. Я вот себе пробовал поставить ее, но она мне всю шапку закрывает. Прийдется что-то другое думать!

    [Ответить]

    Делитант:

    В настройках можно легко шапку опустить (гирлянду приподнять) на столько, сколько нужно.

    [Ответить]

    Сергей:

    Понял! Спасибо. Надо будет покопаться!

    [Ответить]

  • Вероника :

    а кто может помочь,у меня после установки гирлянды появилось пространство с права,как его убрать…

    [Ответить]

    Кирилл:

    Автору огромное спасибо за гирлянду очень красиво и по новогоднему! Одаптировал данный скрипт под CMS DLE v9.7. Все работает, кроме звука. Можно поподробнее узнать где и как он подключается?

    P.S. Вероника, растягивается из-за неуклюжести браузера Opera. Чтоб этого не было в CSS в стиль .b-page__content добавь параметр overflow:hidden;

    [Ответить]

    AleXXX:

    Файл ny2012.swf залейте в корень сайта. За звук отвечает он, и настраивается это в newyear.js

    [Ответить]

  • Наталия :

    Здравствуйте! С наступающими праздниками вас! Я скачала скрипт и залила его на хостинг, распаковав. Вы не подскажете, в какую именно папку закачивать этот скрипт. Гирлянда у меня не отображается, я сделала так, как вы описали. И как закачивать архивы, у меня хостинг спринхост?
    С уважением Наталия..

    [Ответить]

  • Кирилл :

    Все разобрался теперь и звук работает, автору огромное спасибо!!!

    [Ответить]

  • Наталия :

    А у меня не получается сделать такую гирлянду. Я скачала скрипт гирлянды, распаковала его и залила на хостинг в папку wp-content, а файл, отвечающий за звук, отправила в папку темы. Все сделала так, как вы описали, но ничего нету. Почему? может быть надо было не распаковывать архив или залила не туда. У меня вордпресс, версия 3.4.2, а хостинг спринтхост. Помогите пожалуйста решить мою проблему.

    [Ответить]

  • Наталия :

    Почему — же вы не отвечаете на мой комментарий? А я думала, что вы поможете разобраться с установкой новогодней гирлянды!!!!!!!!!

    [Ответить]

    Делитант:

    Наталия, Ваши комментарии Акисмет принял за спам, поэтому сразу их не увидел. Нужно было не в папку wp-content, а в корневую папку, там где файл robots.txt

    [Ответить]

    Наталия:

    А теперь сайт перекосился и я удалила тему. Поставила другую, поставила в папку темы и все поехало и поплыло. Теперь не знаю, как востановить тему назад. Удалила из хостинга все файлы и скрипт с кодом гирлянды. Все равно написано, что тема повреждена.

    [Ответить]

    Делитант:

    Может быть у Вас уже подкючена в шаблоне библиотека jquery? В любом случае на чистую тему скрипт гирлянды никак влиять не может…

  • Александр :

    Создал сайт с помощью webpagemaker… каким путем идти в моем случае, чтобы залить такую гирлянду на сайт?

    [Ответить]

    Делитант:

    К сожалению, не знаю что такое webpagemaker. Думаю принцип тот же. Заивайте в корень, прописывайте вызов скриптов.

    [Ответить]

  • Алена :

    спасибо за подробное описание :)

    [Ответить]

  • Юлюша :

    Подскажите для чайников, что значит «Скопируйте (залейте) содержимое архива в корневой каталог WordPress» и почему у меня в вашем архиве нет файла index. Спасибо.

    [Ответить]

    Делитант:

    Файл индекс убрал, так как он просто для теста скрипта, а если его копировать на хостинг, могут быть проблемы :)
    Посмотрел — ваш блог на blogspot. «Залить файлы» не получиться.

    [Ответить]

    Юлюша:

    Спасибо.

    [Ответить]

  • Игорь :

    о боже, да это самое полезное , что я нашел во всем интернете по поводу новогодних украшений! =)

    [Ответить]

  • Лидия :

    А я заливаю в корнвую папку, да и, вроде, все делаю, как описано. Но только у меня исчез футер. Может тогда нужно копирвать скрипты в хедер? Ответьте, пожалуйста.

    [Ответить]

    Делитант:

    Попробуйте, но пропадающий футер — это какая-то неправильная ситуация.

    [Ответить]

  • Наталья Дьячкова :

    Я правильно поняла, что если сайт создан на платформе Блоггер, гирлянду вставить не получится?!

    [Ответить]

    Делитант:

    Правильно. Мне такое решение неизвестно.

    [Ответить]

    AleXXX:

    Не важно на чем создан сайт, это просто скрипт, который может быть встроен на любом сайте, принцип один и тот-же.

    [Ответить]

  • Елена :

    У меня вообще ничего нет, хотя повторила все 3 шага (не знаю, правильно ли это, но после размещения скрипта и файла — ничего не было, пришлось и п.3 включить)

    [Ответить]

  • Елена :

    Прочла внимательнее — должен был скачаться АРХИВ, а у меня скачался файл, который не открывается. Ссылка битая?

    [Ответить]

    Делитант:

    Файл new_year.7z? Это архив.

    [Ответить]

  • Елена :

    http://clip2net.com/s/2DKVJ Это он? Я заливала его в корень сайта — ничего не появилось. А где тогда брать файл ny2012.swf?

    [Ответить]

    Делитант:

    Я не понял что за картинку Вы мне скинули. Файл new_year.7z скачивается по ссылке в статье. Это архив, который нужно разархивировать. Там внутри ny2012.swf и другие.

    [Ответить]

  • Елена :

    Я вам скинула то, что я скачала по вашей ссылке.

    [Ответить]

  • Елена :

    Украшаем WordPress новогодней гирляндой.
    1. Скачайте скрипт гирлянды.
    http://delitant.ru/wp-content/uploads/2012/12/new_year.7z
    Я так понимаю, именно этот адрес является ссылкой для скачивания. Хотя, мне лично, он больше напоминает адрес, по которому находится файл.
    Ссылка активна, я кликнула по ней и скачала именно файл, который вам и прислала.
    В общем, я удивлена не меньше вашего. Но вот вопрос — остальные-то откуда архив скачивают? Или Для этого нужно по кнопкам пощёлкать. Мне не трудно, но об этом вскользь упомянуто в комментариях, что была ссылка закрытой, но теперь она доступна для скачивания. Уж помогите, пожалуйста :))

    [Ответить]

    Делитант:

    Ссылка на файл и ссылка на скачавание файла — какая в них может быть разница? Все скачивают этот архив и с ним работают, я так думаю. А Вы мне прислали ссылку на изображение.

    [Ответить]

  • Дмитрий :

    Что то у меня не получилось поставить. Все сделал как написано. А никаких изменений не произошло…(((

    [Ответить]

  • Елена :

    Уважаемый админ, я вам прислала ссылку на изображение, которое скачалось по вашей ссылке. Именно в таком виде, как вы видете, я и скачала. Если это и есть архив, то я такой архив вижу впервые.

    [Ответить]

    Делитант:

    Я сейчас проверил специально, в разных браузерах — везде нормально скачавается файл-архив со скриптом гирлянды.

    [Ответить]

  • ЯЯЯ :

    А вы в курсе, что и у вас на сайте нет звука у гирлянды?

    [Ответить]

  • Виталий :

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

    [Ответить]

  • Stila :

    Здравствуйте)
    У меня несколько важных вопросов
    1. «Залить в корневой каталог сайта»- просто файлы или можно в папке?
    2. Попробовала сделать гирлянду. Она не появилась, но пропал слайдер на сайте. Наверное какой-то конфликт) можно этого избежать?

    Спасибо

    [Ответить]

  • Дмитрий Кожевников :

    Ребят, выручайте! :)))
    Гирлянда просто супер! Поставил на сайт, все получилось без проблем. Только одно но! Кто силен в CSS, подскажите мне пожалуйста где и что мне поправить, чтобы немного опустить шапку сайта. Невидно названия сайта и кнопок соцсетей :( Выручайте, плиз. Для знающего человека это не должно составить трудностей, а я вот в этом css да html вообще не алё

    Буду очень признателен и благодарен.

    [Ответить]

    Дмитрий Кожевников:

    Ах да, сайт в подписи :)

    [Ответить]

    Дмитрий Кожевников:

    Вобщем пришлось мне убрать гирлянду :(
    Сразу как поставил ее, стали сыпаться ошибки 404. За ночь набралось больше 10 000. Обращения шли именно к этим скриптам но по несуществующим адресам. Все признаки атаки и поиска уязвимостей от ботов. Рисковать не стал, и нагрузка на хостинг от этого очень возрасла. Очень жаль :(

    [Ответить]

  • Павел :

    Не гоните на автора, все понятно описано. Поставил на сайт укоз.

    [Ответить]

  • Морган :

    «А бубенчики то звенят!» :)
    отличное украшение для сайта на новый год.
    Установил проще простого.

    Спасибо автору

    [Ответить]

  • Skuma :

    Добрый день,
    а если у меня в файл footer.php нет тега ?

    [Ответить]

  • Венер :

    Не получается установить на новую версию вп 3.8

    [Ответить]

  • LiE :

    У кого нет звука на гирлянде подключите скрипт

    Путь до скрипта укажите свой. Он в архиве есть, автор поправьте статью.
    И да, спасибо

    [Ответить]

  • Андрей :

    а можно ли на укоз принцепить такую герлянду?

    [Ответить]

  • Андрей :

    Звук не работает с jquery-2.0.3.min.js
    Поставил jquery-1.8.2.min.js появился звук!
    Удачи!

    [Ответить]

    Делитант:

    Благодарю за решение проблемы!

    [Ответить]

  • Den :

    Звук в новых версиях jquery не работает без файла jquery-migrate-1.2.1.min.js

    [Ответить]

  • neka :

    Пасибки за чудесное творение и вашу помощь! С наступающими праздниками )))

    [Ответить]

  • Александр :

    Здравствуйте,
    гирлянда и впрямь прикольная, все работает, звенит.
    Вот только одна у меня загвоздка, шарики только слева отображаются, не по всей ширине сайта.
    Где бы в css repeat-x прописать? …наверное

    [Ответить]

  • Сергей :

    Здравствуйте. Воспользовался вашим вариантом новогодней гирлянды. Всё получилось, и гирлянда и звук. Но только на главной странице сайта. На других страницах она не отображается. Движок — вордпресс. Если есть идеи почему так случилось — отпишитесь.

    [Ответить]

  • Андрей :

    Спасибо, все стало и все работает. С наступающим!

    [Ответить]

  • Yuriy :

    Привет ! Скачал архив,залил,но ничего не работает ! Гирлянды нет.

    [Ответить]

  • iEnot :

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

    [Ответить]

  • Роман :

    Блин и у меня не звинит, обчитался комметариев, а решения не нашел. Так как это подровнять ?

    [Ответить]

  • Дарья (Mama-doctor) :

    Гирлянда суперская, но боюсь запутаться в коде. Не сейчас, так когда удалять стану. А не нечто подобного, но только плагином?

    [Ответить]

  • Наталья Краснова :

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

    [Ответить]

  • Надежда :

    Красивая гирлянда

    [Ответить]

  • Алинка :

    Все сделала как написано, но гирлянда не появилась :( подскажите что мне делать , очень хочу такую герляндочку себе:(

    [Ответить]

Оставьте комментарий! Ваше мнение очень важно!

Будьте вежливы. Не ругайтесь. Оффтоп тоже не приветствуем. Спам убивается моментально.



Вы также можете подписаться на комментарии по RSS.