Полезная информация


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Снег на Форуме 2011-12-01

Аватар пользователя

В данной статье я рассмотрю способ добавления на форум легкого снежка, как символа наступившей зимы.
Скачиваем архив, прикрепленный ниже и распаковываем из него папку и скрипт прямо в корень форума.
Вложение :
snow.rar [6.16 KiB]
Скачиваний: 850

Открываем файл /styles/ваш стиль/overall_header.html и находим
 

Добавляем перед
<script type="text/javascript" src="snowstorm.js"></script>
 

После правок не забываем чистить кеш в админке. Вот и все, радуемся маленькому снегопаду на своем форуме.

Для phpBB 3.1 / Ascraeus данный скрипт сконвертирован в расширение, скачать можно


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!

Теги темы
снег phpbb3, падающие снежинки, зима на phpbb3
          Вернуться наверх  
 


Аватар пользователя

А заменить снежинки на листочки не думали?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

не умею. :nez-nayu:


          Вернуться наверх  
 


Аватар пользователя

А чего там уметь, картинки снежинок заменить на картинки листиков


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Поделитесь ссылкой на листья! Искал ещё месяц назад и ничего подходящего не нашёл. Те что находил, были в белом квадратике, а такое исполнение только портит внешний вид форума. Дай думаю по случаю напишу сюда, раз уш подняли этут тему! :-00):
Просьба в фотошоп не отправлять. Бесполезно. Пробовал уже :-0=)


          Вернуться наверх  
 


Аватар пользователя

Лето писал(а):

не умею.

Поместите свои листья в формате gif в папку images/snow, изменив имена листьев на имена снежинок. :mi_ga_et:


          Вернуться наверх  
 


Аватар пользователя

http://yandex.by/yandsearch?lr=154&oprnd=1688069798&text=векторные+листья
 

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


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Попросил я знакомого вырезать с десяток листиков разных. Если мне понравится, выложу сюда!


          Вернуться наверх  
 


Аватар пользователя

Ну вот как и обещал 5 готовых листиков для осеннего листопада! Возьмите листья из архива snow и положите их в папку images/snow с заменой.
Откройте файл snowstorm.js и измените размер отображаемого листика на 45х45 пикселей. Можно задать свой размер.
var flakeTypes = 5;      // количество листьев для отображения, из папки snow
  var flakeWidth = 45;     // размер по вертикали
  var flakeHeight = 45;    // размер по горизонтали
 

Как то так. :uch_tiv:


Вложения:
snow.rar [14.24 KiB]
Скачиваний: 15
          Вернуться наверх  
 


Аватар пользователя

Спасибо, будет полезно)


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

а можно уменьшить количество падающих листьев?


          Вернуться наверх  
 


Аватар пользователя

Олег В писал(а):

Ну вот как и обещал 5 готовых листиков для осеннего листопада! Возьмите листья из архива snow и положите их в папку images/snow с заменой.

Лучше создать в images новый каталог к примеру listopad, залить листья в каталог listopad, а в snowstorm.js
Найти
  var imagePath = 'images/snow/'; // relative path to snow images (including trailing slash)
 

и заменить на
  var imagePath = 'images/listopad/'; // relative path to snow images (including trailing slash)
 

Таким образом и зимой и осенью... просто меняем путь в snowstorm.js

Олег В писал(а):

Поместите свои листья в формате gif в папку images/snow, изменив имена листьев на имена снежинок.


найти в snowstorm.js и там есть вроде поддержка .png

    this.o.src = imagePath+this.type+(pngSupported && usePNG?'.png':'.gif');
 


Найти
  var usePNG = true;
 


Заменить true на false
По идее должно сработать.


          Вернуться наверх  
 


Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

Есть ещё один вариант снежного мода:
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


          Вернуться наверх  
 


Аватар пользователя

Лето писал(а):

а есть у кого-нибудь хороший скрипт падающих листьев?



картинки взяла выше :co_ol: Спасибо! Понравились очень! Поставила себе, порадую девочек :an)(gel:
Amount = 5; , где 5 - количество одновременно падающих листиков

скрипт ниже. Пример можно у меня посмотреть... постоит недолго :mi_ga_et:
<script language="javascript" type="text/javascript">
<!--
Amount = 5;

Image0 = new Image();
Image0.src = "http://домен/1.png";
Image1 = new Image();
Image1.src = "http://домен/2.png";
Image2 = new Image();
Image2.src = "http://домен/3.png";
Image3 = new Image();
Image3.src = "http://домен/4.png";

grphcs = new Array(1);
grphcs[0] = "http://домен/1.png";
grphcs[1] = "http://домен/2.png ";
grphcs[2] = "http://домен/3.png";
grphcs[3] = "http://домен/4.png";
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
Step = new Array();
Cstep = new Array();
var YPosA;
ns = (document.layers)?1:0;
if (ns) {
for (i = 0; i < Amount; i++) {
var P = Math.floor(Math.random()*grphcs.length);
rndPic = grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><a http://домен><img src="+rndPic+"><\/a><\/LAYER>");
}
} else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
var P = Math.floor(Math.random()*grphcs.length);
rndPic = grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute; top:0px; left:0px; width:20px; height:20px;">');
}
document.write('<\/div><\/div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++) {
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*3+2;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
}
function fall() {
var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++) {
sy = Speed[i]*Math.sin(20*Math.PI/300);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i] += sy;
Xpos[i] += sx;
if (Ypos[i] > WinHeight) {
Ypos[i] = -60;
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i] = Math.random()*5+2;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i];
document.layers['sn'+i].top = Ypos[i]+hscrll;
} else {
document.getElementById('si'+i).style.left = Xpos[i]+'px';
YPosA=Ypos[i]+hscrll;
document.getElementById('si'+i).style.top = YPosA+'px';
}
Cstep[i] += Step[i];
}
setTimeout('fall()',10);
}
fall();
//-->
</script>


          Вернуться наверх  
 


Аватар пользователя

Alex Train писал(а):

Есть ещё один вариант снежного мода

Вот . Там и листопад есть, но почему то на сегодняшний день скрипт не работает.



Информация о редактировании
Последний раз редактировалось Олег В 27 сен 2013, 13:01, всего редактировалось 1 раз.
          Вернуться наверх  
 


Аватар пользователя

А можно ли как то организовать выпадение этих осадков только в шапке форума?? Чтоб они не падали в самый низ страницы. Лично для меня такой вариант был бы гораздо лучше. Во первых, в глазах не рябит. Во вторых, фон неба в шапке моего форума как нельзя лучше подходит для этого в данный момент. :uch_tiv:
Стиль сабсильвер2 использую. :-00):


          Вернуться наверх  
 


Аватар пользователя

brigadir писал(а):

Таким образом и зимой и осенью... просто меняем путь в snowstorm.js

А также можно организовать нормальное и понятное вкл-выкл данных красившеств. Под существующей строкой
  var imagePath = 'images/snow/';
 
добавить Вашу строку и заключить их в условие . Тогда можно будет включать снег или листья прямо из админки, не ковыряясь в кодах. :mi_ga_et:
К стати. Нашёл для себя решения сохранения картинок в разрешении gif без потери качества. Наверное это и так всем известно но всё же. Сохраняйте свою картинку в разрешении PNG или Jpeg а потом в готовой картинке просто меняйте разрешение на gif. Качество не меняется а формат уже другой! :uch_tiv:


          Вернуться наверх  
 


Аватар пользователя

Олег В, вроде бы в скрипте настраивается максимальная высота падения, не глядели?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

DeaDRoMeO писал(а):

не глядели?

Глянул и нашёл! В строке
var flakeBottom = null;        // Integer for fixed bottom, 0 or null for "full-screen" snow effect
 
в места null вписуете свои параметры в пикселях.)) :so_happy:


          Вернуться наверх  
 


Аватар пользователя

Скомуниздил с другого ресурса для вас папочку с листиками. :st_ruskiy: Но как по мне, для листопада хороший мод тот что Елена предложила, за что ей Спасибо!
Наш мод подходит только для снега и дождя. ИМХО :ze_va_et:


Вложения:
snow.rar [15.35 KiB]
Скачиваний: 7
          Вернуться наверх  
 


Аватар пользователя

Попробовала поставить снежок, а у меня тогда "дрожит" Плавающая панель (такая же как здесь внизу страниц).
Эх, пришлось отключить, а было б хорошо :-(--


          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Как сделать снег на форуме?

nudevolga

1

636

Аватар пользователя

17 дек 2011, 17:11

DeaDRoMeO

Аватар пользователя Бан на Форуме

Рубцовск

4

454

Аватар пользователя

15 окт 2014, 06:05

Рубцовск

Аватар пользователя Викторина на Форуме
Прояви свои знания и смекалку в форумной Викторине

DeaDRoMeO

18

2720

Аватар пользователя

22 сен 2013, 19:31

DeaDRoMeO

Аватар пользователя Революция на форуме
А не провести ли нам революцию на форуме ???
Тема закрыта
Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля Глюк на форуме

Sensey

3

509

Аватар пользователя

05 май 2013, 14:08

DeaDRoMeO

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P