💸 Как сделать бизнес проще, а карман толще?Как украсить блог падающими снежинками
Приближаются новогодние праздники, и я уверен, что многие пользователи ПК уже устремляются в Интернет в поисках новых свежих обоев, которые могли бы украсить их рабочий стол и напоминать о приближении долгожданных праздничных дней.
Но в эти дни преобразятся не только рабочие столы компьютеров, заставки на мобильных телефонах и рингтоны. Сайты и блоги также оденутся в праздничные наряды, чтобы их посетители могли почувствовать атмосферу Рождественских праздников.
Вот и я решил не стоять в стороне поучаствовать в предновогоднем марафоне.
Сегодня мой блог украшает знаменитая Рождественская флешка:
Хотите увидеть и услышать её во всем великолепии, кликните на любого персонажа этой флеш-сценки. Он оживет! Точно также, кликом, можно и отключить... Кстати, скачать этот флеш-ролик можно вот здесь. А о том, как вставить его в блог, читайте в следующем посте.
Ну что же? Украшение блога — дело хорошее, им можно заняться так, в порядке очереди, а можно и присоединившись к конкурсу «Укрась свой блог к новому году».
Да, да, да… Вы не ослышались Вы можете поучаствовать в «конкурсе красоты» и побороться за призовое место с вознаграждением.
Что это за конкурс, кто организаторы и какие его условия, читайте ниже:
Я участвую в классном конкурсе «Укрась свой блог к новому году»
Время проведения конкурса: со 2 декабря по 29 декабря 2011 г. включительно.
I место — 3000 рублей + призы!
II место — 2000 рублей + призы!
III место — 1000 рублей + призы!
Но и это еще не все. Все подробности на этой странице.
Организаторы конкурса:
www.isif-life.ru — Блог Александра Борисова
www.pervushin.com — Блог Сергея Первушина
www.shantarin.ru — Блог Андрея Шантарина
Присоединяйтесь, включите фантазию, смекалку, свой креатив, авось, к Новому году получите ценный приз. А если и не так, дело то ведь хорошее.
И как видите, я уже начал с того, что на блоге появились падающие снежинки. Что это за хитрости блоггера и как это делается? Сейчас опишу процесс.
Чтобы на блоге появился маленький снегопад, на все про все у меня ушло минуты две...
Как украсить блог падающими снежинками
Итак, нам понадобятся три файла. Все они вот в этом архиве. В нем лежит текстовый файл вот с таким кодом:
<script language=JavaScript src="snow.js"></script>
А также картинка самой снежинки и файл snow.js — скрипт, который и создает это действие – падающие снежинки. Как и что куда подключать?
Я покажу, как я подключил, сам принцип, а вы если захотите что-то подстроить под себя, измените.
1. Я думаю, что вы уже скачали архив.
2. Теперь закачиваем сам скрипт snow.js и картинку snow.gif на хостинг. Я закачал их в корневую папку.
3. Затем подключаем скрипт snow.js к нашему шаблону. Для этого открываем файл header.php в папке с нашей темой и вставляем эту строчку:
<script language=JavaScript src="snow.js"></script>
между тегами head перед закрывающим тегом </head>. Как видит, эта строчка указывает путь к файлу snow.js.
Вот и все. Вы спросите, а где прописан путь к самой картинке? Он в файле самом скрипте:
//Configure below to change URL path to the snow image
var snowsrc="snow.gif";
// Configure below to change number of snow to render
var no = 12;
Не нравится вам то, что они лежит в корне сайта, хотите её поместить в какую-то папку, нет проблем, но тогда меняйте и путь к ней.
Что ещё можно подправить падающем снеге?
Цвет картинки. У меня он голубоватого цвета, чтобы лучше было видно на белом фоне. Вы можете её перекрасить в любой другой цвет, только без фанатизмУ. Где вы видели красные или зеленые снежинки? 🙂
Размер снежинок, также можно изменить, фотошоп вам в помощь. Дела на одну минуту.
Далее... В четвертой строке кода вы видите цифру 12. Это число падающих снежинок. Можете поставить любое свое. Например — 1. Будет одиноко скользящая по блогу снежинка. Или 20 — получится рой снежинок. 🙂
В остальных параметрах кода не разбирался. Подозреваю, что можно изменить траекторию полета снежинок, их плотность, ширину размещения и скорость падения. Кому интересно поэкспериментировать — исследуйте. Меня и так устраивает, как работает скрипт. Процессор не нагружают, эффект есть, что ещё нужно.
И в заключение, на правах рекламы:
Блогопрактика – это практика ведения блога! Хотите вместе со мной её осваивать, подписывайтесь на обновления.
Автор: Игорь
Чистый звук в мире инфобизнеса
спасибо, попозже поставлю:)
С музыкальной открыткой старая тема, но здоровская!)
Да, прикольная флешка.
Игорь, спасибо за снежинки!
Правда, у меня не получается открыть файл и поменять количество снежинок — падает не спеша 8 штук, как-то маловато будеть... Но то ли у меня лыжи не едут, то ли просто спать уже пора))).
Кстати, заходите глянуть как я принарядилась — тоже хочу в конкурсе поучаствовать))) Этот Борисов такой выдумщик!)
Я поражаюсь Сашиной фантазии, фонтан идей 🙂 Только успевай хватать.
Не получается открыть файл? Обыкновенным блокнотом, через клик правой мышки «открыть с помощью». Там и увидите циферки.
Шапка — супер! Мамино семейство!
Хоть я и не блондинка, а все-таки мне никак не удавалось найти в списке программ этот блокнот, но сегодня я призвала на помощь мужа всемогущего и вуаля — их уже 15!
Спасибо за комплиман! А Вы видели в футере еще один «отстал от поезда»?)
Вот сорванец! Все дети, как дети, возле подарков, а он — в прятки играет.
Большое спасибо за снежинки, а с роликом никак не вышло.
Пожалуйста. Евгений, правильно пишите пути размещения своей флешки на хостинге.
Все работает, спасибо. Проблема была у меня.
Тут главное не перебарщивать, не забывать, что люди приходят на блоги за контентом, а снежинки, например, отвлекают и мешают чтению. Кроме того, лишние скрипты перегружают страницу.
Мне понравилось как вы оформили RSS и «Поделиться» в виде шариков на ёлочке на боковой панели. Даже чего-то одного, Игорь, из этого вполне было бы достаточно, если у вас конечно не сайт про новогодние празники.
Это же все временно, Светлана. Эти снежинки — вполне сносный скрипт, сравнительно с другими. Да, подгружают страницу, но терпимо. Но вы правы, люди приходят за контентом, тут главное не переборщить.
А мне понравились эти украшения — радуют глаз, ну полюбовалась на эту красоту и пошла читать то, зачем пришла на этот блог! :))
Спасибо большое, думаю тоже себе поставить!
Объясните, пожалуйста на пальцах. Я вроде все вставила. А снег не идет. Загрузила не хостинге в корневую папку, прописала строчку в header. не идет(((
Картинку и скрипт вижу на хостинге, а строчку — нет. Вы уверены, что она есть в header.php?
Ещё вариант, как можно привязать snow.js — это вставить строчку в footer.php перед закрывающим тегом body
Отличные снежинки. Видела на некоторых сайтах прямо дождь из снежинок и дедов морозов. Аж текста не видно. А у вас в меру.
Скажите, пожалуйста, а возможно ли установить эффект на страницу интернет-магазина? (kosmoport.net) Как это сделать?
Возможно, если у вас есть доступ к сайту по ftp, 1 и 2 пункт такие же. А 3- й шаг «подключаем скрипт snow.js к нашему шаблону» — вам нужно будет вставить код в индексную страницу.
А можно ли снежинки заменить на падающие листочки?
И Как это сделать?
Запросто. Вместо снежинки создаете листочек и меняете картинку snow.gif. Если файл листочка будет называться snow.gif, то вообще ничего менять больше не придется. Все делаете, как написано в статье.
Если будет другое название, то нужно будет его прописать в файле скрипта, поменять в строчке var snowsrc="snow.gif"
Добрый день, Игорь! В этом году у Вас будут снежинки?
Или все еще впереди?
Добрый день, Галина! Да как-то не очень хочется лишний скрипт вешать на блог.