Сайт

Украшения для сайта: Новогодние скрипты и украшения для сайта бесплатно

26.05.1990

Содержание

Как сделать новогодние украшения для сайта — Вопрос от Елена Андрашитова

  • Вопросы
  • Горячие
  • Пользователи
  • Вход/Регистрация

>

Категории вопросов

Задать вопрос +

Основное

  • Вопросы новичков (16393)
  • Платные услуги (2101)
  • Вопросы по uKit (81)

Контент-модули

  • Интернет-магазин (1430)
  • Редактор страниц (236)
  • Новости сайта (497)
  • Каталоги (805)
  • Блог (дневник) (111)
  • Объявления (294)
  • Фотоальбомы (432)
  • Видео (255)
  • Тесты (60)
  • Форум (575)

Продвижение сайта

  • Монетизация сайта (219)
  • Раскрутка сайта (2447)

Управление сайтом

  • Работа с аккаунтом (5295)
  • Поиск по сайту (425)
  • Меню сайта (1760)
  • Домен для сайта (1530)
  • Дизайн сайта (13452)
  • Безопасность сайта (1464)
  • Доп. функции (1304)

Доп. модули

  • SEO-модуль (225)
  • Опросы (63)
  • Гостевая книга (99)
  • Пользователи (431)
  • Почтовые формы (318)
  • Статистика сайта (197)
  • Соц. постинг (212)
  • Мини-чат (91)

Вебмастеру

  • JavaScript и пр. (644)
  • PHP и API на uCoz (233)
  • SMS сервисы (10)
  • Вопросы по Narod.
    ru (422)
  • Софт для вебмастера (39)
  • Вопросы
  • Вопросы новичков
  • Как сделать новогодние…
| Автор: Елена Андрашитова | Категория: Вопросы новичков

голоса: 0

 

Лучший ответ

Так же можете посмотреть здесь:

  • http://uguide.ru/novogodnie-skripty-i-ukrashenija-dlja-ucoz

| Автор: Максим Юрченко
Выбор ответа лучшим | | Автор: Елена Андрашитова

голоса: 0

Ознакомьтесь с материалами:

  1. http://webanetlabs. net/forum/30-247-1
  2. http://webanetlabs.net/dir/2-1-0-27
| Автор: Yuri_Geruk

…

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

WordPress » Разное » Как можно украсить блог к новому году

Автор Денис Иванов На чтение 21 мин Просмотров 605 Опубликовано Обновлено

Здравствуйте. Сегодня статья будет об украшении сайта к приближающимся новогодним праздникам. Перепробовал несколько вариантов. Ни один из них не нравился. И тут на одном из сайтов увидел симпатичную гирлянду в шапке. Ее и решил себе установить. В интернете скрипт этой гирляны проскакивает под странным название «Новогодняя мотня от Яндекса». Пишут, что несколько лет назад поисковик украсил свой сайт. Кто-то спарсил скрипт, картинки и выложил в сеть.

Если поводить мышкой по гирлянде, то шары качаются и издают мелодичный звук. В исходном варианте в гирлянде только красные и белые шары. Мной добавлены шары синего цвета.
Как же украсить сайт к новому году с помощью этой гирлянды. В конце статьи дам ссылку на скачивание архива. В архиве сам скрипты и все необходимые файлы. Распаковать архив и разместить папку в корне вашего блога. Не скопировать файлы в корень, а именно всю папку скопировать.
В файле header.php разместите такой код

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

<script type="text/javascript" src="/new_year_bals7/swfobject.min.js"></script>
<script type="text/javascript" src="/new_year_bals7/newyear.js"></script>

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

<div>
<div>
<!-- Новогодние шары -->

<i>
<i>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>

<i>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
<i>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
<i>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
<i>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
<i>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
<i>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>
<div><div></div><div></div></div>

<div><div></div><div></div></div>
<div><div></div><div></div></div>
</i>
</i>

</div>
</div>

Вот и вся установка. Обновите страницу и наслаждайтесь гирляндой. Если хотите, чтобы не было звука, из папки удалите файл ny_sing.swf.
Для выбора цветов шаров в гирлянде, найдите в файле style.css в папке скрипта такой код

.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1_blue.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(balls/b-ball_n5_blue.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(balls/b-ball_n9.png) no-repeat}

Чтобы поменять цвет шара с красного на синий, добавьте в конце названия файла «_blue». Шар поменяет свой цвет.

Все красные шары продублированы синими. Белые оставлены без изменений. Если у вас пропал белый шар, значит переименовали не ту строчку.

Скрипт актуализирован для jquery 1.11.1. Звук гирлянды есть. Теперь и при использовании последней версии библиотеки сможете украсить сайт к новому году.

Сам архив со скриптом
[sociallocker]

New Year Bals7

Скрипт гирлянды украшения сайта к новому году

Скачано: 16, размер: 396.8 KB

[/sociallocker]

С уважением Денис Иванов, автор блога dendrblog.ru


( Пока оценок нет )

Поделиться с друзьями

НОВЫЕ АКТУАЛЬНЫЕ КОЛЛЕКЦИИ ДИЗАЙНЕРСКИХ УКРАШЕНИЙ ДЛЯ ВАШЕГО ОБРАЗА PRET-A-PORTER

Интересные новинки

Dyrberg/Kern Compliments

Топпинг UNITY Блестящее Золото

₽ 9 990

Быстрый просмотр

Dyrberg/Kern Compliments

Топпинг FOCUS Блестящее Золото

₽ 7 680

Быстрый просмотр

Dyrberg/Kern Compliments

Спейсер SPACER B Блестящее Золото Золотой

₽ 2 890

Быстрый просмотр

Dyrberg/Kern

Серьги TWINNIE Блестящее Золото Золотой

₽ 10 560

Быстрый просмотр

Rebecca

Серьги Femme Бронза Родий

₽ 17 750

Быстрый просмотр

Rebecca

Часы Time Нержавеющая Сталь Родий

₽ 15 650

Быстрый просмотр

Rebecca

Шарм My World Бронза Блестящее Золото

₽ 5 350

Быстрый просмотр

Rebecca

Браслет My World Бронза

₽ 5 450

Быстрый просмотр

Previous Next

Previous Next


Подписка на рассылку

Нажимая на кнопку «Подписаться», Вы даете согласие на обработку персональных данных

Вы также можете следить за нами в социальных сетях