1 (27.12.2011 06:48 отредактировано PunBB Fun)

Тема: [Релиз] Новогодняя тема для форума

Собственно добавить к названию почти нечего. Красивый, не напрягающий фон, и ваш "любимый" падающий снежок. big_smile На выбор в архиве с темой два скрипта, при желании можно добавить своих.

Добавлено спустя 54 минуты 45 секунд:

Это именно расширение, а не стиль. Так что кто перенёс логичнее будет вернуть обратно.

Post's attachments

on_theme_snowstorm.rar 72.29 Кб, 116 скачиваний с 2011-12-27 

You don't have the permssions to download the attachments of this post.
Не забываем ставить плюсики дополнительно к «спасибам».

Поделиться

2

Re: [Релиз] Новогодняя тема для форума

Спасибо)

Поделиться

3

Re: [Релиз] Новогодняя тема для форума

Приятная задумка, спасибо!
Архив лучше в rar-е не выкладывать все же?)
Под IE8 замечено очень избирательное выпадение осадков, практически все время ясная зимняя погода, в других броузерах снег идет постоянно.
Может настройки расширения где-то в админке садятся после установки, но я не нашел?

Поделиться

4

Re: [Релиз] Новогодняя тема для форума

В FF снежинки периодически  залетают за нижнюю и правую границы окна, из-за этого появляются и исчезают скроллеры внизу и справа, страница начинает подергиваться.

Захочешь — найдешь время, не захочешь — найдешь причину.

Поделиться

5

Re: [Релиз] Новогодняя тема для форума

У меня подобное в IE9 на нетбуке происходит, экран маленький, скрол туда-сюда дергает страницу.

Поделиться

6 (27.12.2011 12:08 отредактировано Igor1)

Re: [Релиз] Новогодняя тема для форума

Спасибо за новогоднее расширение smile

P.S. А в IE и правда снежинок нету, вечно проблемы с этим глюченым браузером.

punBB the best :)

Поделиться

7 (28.12.2011 07:46 отредактировано skil)

Re: [Релиз] Новогодняя тема для форума

Спасибо конечно, жаль что на 1.3 пока нет такого sad
В 1.3 я сделал снежок так:
$forum_head['commonjs'] = '<script type="text/javascript" src="'.$base_url.'/include/js/snowfall.js"></script>';

Поделиться

8

Re: [Релиз] Новогодняя тема для форума

в опере нету снежинок

Поделиться

9

Re: [Релиз] Новогодняя тема для форума

Классно! Спасибо!

Поделиться

10 (17.11.2012 22:22 отредактировано x11d12)

Re: [Релиз] Новогодняя тема для форума

Слегка модифицированное расширение: изменена фоновая картинка с расположение по всей фоновой области сайта.

Хорошо сочетается со стилем Oxygen, который тоже слегка модифицирован.

http://s017.radikal.ru/i405/1211/8d/678eb768b679.png

Post's attachments

on_theme_snowstorm.rar 125.4 Кб, 21 скачиваний с 2012-11-17 

Oxygen.min.css 38.71 Кб, 9 скачиваний с 2012-11-18 

You don't have the permssions to download the attachments of this post.

Поделиться

11 (01.12.2013 02:43 отредактировано unix)

Re: [Релиз] Новогодняя тема для форума

Вроде во всех браузерах адекватно работает, сохраняем .js

/* ====================================================================

Скрипт для создания падающих снежинок на сайте исключительно средствами CSS.
Работа скрипта проверена в MSIE 6, Opera, Firefox, Google Chrome.
Скрипт распространяется на условиях лицензии GNU GPL.

====================================================================== 

Настройки: */
/* Цвета снежинок */
var snow_color=new Array("#AABBEE","#DDEEFF","#CCDDFF","#F3F3FF","#E0F0FF"); 
/* Шрифты снежинок */
var snow_font=new Array("Times New Roman","Verdana","Georgia","Lucida Console"); 
/* Количество снежинок */
var snow_count=40;
/* Максимальняа скорость горизонтального ветра */
var snow_wind_dif=4;
/* Начальная скорость ветра */
var snow_wind=0;
/* ==================================================================== */

var snowitems = new Array();
var snowxpos = new Array();
var snowypos = new Array();
var snow_newwind = 0;
var snow_max_x = screen.availWidth;
var snow_max_y = document.documentElement ? document.documentElement.scrollHeight : document.body.scrollHeight; //screen.availHeight;

// Движение снежинок
function snow_move() {
  for (i=0; i<snowitems.length; i++) {
    // горизонтальное смещение снежинки
    snowxpos[i]=snowxpos[i]+snow_wind;
    if (snowxpos[i]>snow_max_x) { snowxpos[i]=0; }
    if (snowxpos[i]<0) snowxpos[i]=snow_max_x;
    snowitems[i].style.right=snowxpos[i]+'px';

   // вертикальное смещение снежинки
    snowitems[i].style.top=(snowypos[i])+'px';
    if (i % 3==0) snowypos[i]+=2;
    if (i % 3==1) snowypos[i]+=3;
    if (i % 3==2) snowypos[i]+=4;

    if (snowypos[i]>=snow_max_y) { 
      snowxpos[i]=Math.floor(Math.random()*snow_max_x);
      snowypos[i]=0;
      var size=28+((i+1) %3)*Math.floor((Math.random()*6));
      snowitems[i].style.fontSize=size+'px'; 
      snowitems[i].style.color=snow_color[Math.floor(Math.random()*snow_color.length)]; 
      snowitems[i].style.fontFamily=snow_font[Math.floor(Math.random()*snow_font.length)]; 
    }
  }
}

// Плавное изменение направления ветра
function snow_wind_change() { 
  // если достигли предыдущего намеченного значения ветра, то выбираем новое намеченное значение 
  if (snow_wind==snow_newwind && Math.random()<0.5) snow_newwind= Math.round(Math.random()*snow_wind_dif*2-snow_wind_dif);
  if (snow_wind<snow_newwind) snow_wind++; // если текущее значение ветра меньше намеченного, увеличиваем ветер
  if (snow_wind>snow_newwind) snow_wind--; // если текущее меньше намеченного -- уменьшаем
}

for (i=0; i<snow_count; i++) {
    snowitems[i]=new Array();
    snowitems[i]=document.createElement('div');
    snowitems[i].innerHTML='*';
    snowitems[i].style.position='absolute';
    var size=28+((i+1) %3)*Math.floor((Math.random()*6));
    snowitems[i].style.fontSize=size+'px'; 
    snowitems[i].style.color=snow_color[Math.floor(Math.random()*snow_color.length)]; 
    snowitems[i].style.fontFamily=snow_font[Math.floor(Math.random()*snow_font.length)]; 
    snowxpos[i]=Math.floor(Math.random()*snow_max_x);
    snowypos[i]=Math.floor(Math.random()*snow_max_y);
    document.body.appendChild(snowitems[i]);
}
setInterval(snow_move,50);
setInterval(snow_wind_change,5000);

Или просто копируем код и вставляем например в объявления:

<script type="text/javascript" src="http://lanbin.ru/js/snowflakes.js"></script>

Получается примерно так : http://www.ufsin.com/

Разработка Landing Page - 100$ Администрирование серверов - 30$ Продвижение сайтов - от 250$
Профессиональный VPS для Вашего проекта. 10$Бонус на счет!
Установка и настройка PunBB на ваш Xостинг/Cервер - 10$

Сайт unix

Поделиться

12

Re: [Релиз] Новогодняя тема для форума

Старый снег лучше, но за работу респект.

Поделиться

13 (19.12.2012 23:22 отредактировано Igor1)

Re: [Релиз] Новогодняя тема для форума

Сейчас на многих форумах и сайтах прилепили падающий снежок.
Могу сказать однозначно - меня это бесит)

punBB the best :)

Поделиться

14

Re: [Релиз] Новогодняя тема для форума

отл)))

Поделиться

15

Re: [Релиз] Новогодняя тема для форума

Всё good! Спасибо! wink

Поделиться