Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Вчера в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Салют для форума
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Салют для форума
автор Vadim Июнь 22nd 2012, 20:52
Подскажите как поставить эффект красочного фейерверка на форуме? Очень срочно, к завтра нужно.
С работой забегался не успеваю, у меня форум посвящен родному городу, а завтра как раз у нас отмечается День города, хотелось бы как то украсить форум, может еще что посоветуюте, но на скорую руку т.к времени в обрез, к сожалению.
Заранее спасибо!
С работой забегался не успеваю, у меня форум посвящен родному городу, а завтра как раз у нас отмечается День города, хотелось бы как то украсить форум, может еще что посоветуюте, но на скорую руку т.к времени в обрез, к сожалению.
Заранее спасибо!
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 21:24
- Код:
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<style>
<!--
BODY
{
background : white;
}
TABLE
{
width : 100%;
height : 100%;
}
#ID_ANIMATE
{
position : relative;
width : 420px;
height : 256px;
overflow : hidden;
background : blue;
}
#ID_ANIMATE DIV
{
position : absolute;
width : 2px;
height : 2px;
font-size : 0px;
z-index : 2;
}
#ID_ANIMATE #ID_LOGO
{
font : normal 14px "Courier New", monotype;
}
-->
</style>
</head>
<body>
<TABLE>
<TR>
<TD align="center" valign="middle">
<DIV ID="ID_ANIMATE">
<TABLE style="z-index: 2;">
<TR>
<TD align="center" valign="middle" ID="ID_LOGO">
<span style="color: white;">С Днем Города, жители Наколоки</span>
<a style="color: blue;" </a>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
<script type="text/javascript">
<!--
// Code by Victor V. Vakchturov (http://codeguru.ru)
// Настройки
var nStarCount = 256; // Количество звезд фейерверка
var fMinSpeed = 0.1; // Минимальная скорость звезд
var fMaxSpeed = 5.0; // Максимальная скорость звезд
var nMinLive = 32; // Минимальное время жизни элемента
var nMaxLive = 42; // Максимальное время жизни элемента
var fDSpeed = 0.94; // Величина уменьшения скорости элементов
// --
var nTimerID = 0;
var aStars = new Array(nStarCount);
var oAnimate = document.getElementById("ID_ANIMATE");
var nWidth = oAnimate.offsetWidth;
var nHeight = oAnimate.offsetHeight;
// Еще настройки
var nMinX = Math.round(nWidth / 4);
var nMaxX = Math.round(nWidth / 4 * 3);
var nMinY = Math.round(nHeight / 4);
var nMaxY = Math.round(nHeight / 4 * 3);
function UpdateStarPos(i)
{
var oDiv = aStars[i];
oDiv.style.top = Math.round(oDiv.y).toString() + "px";
oDiv.style.left = Math.round(oDiv.x).toString() + "px";
}
function UpdateStarBgColor(i)
{
var oDiv = aStars[i];
oDiv.style.backgroundColor = "RGB(" +
Math.round(Math.random() * 0xFF).toString() + "," +
Math.round(Math.random() * 0xFF).toString() + "," +
Math.round(Math.random() * 0xFF).toString() + ")";
}
function ResetStar(i, x, y)
{
var oDiv = aStars[i];
oDiv.x = x;
oDiv.y = y;
oDiv.fSpeed = Math.random() * (fMaxSpeed - fMinSpeed) + fMinSpeed;
var fAngle = Math.random() * 2 * Math.PI;
oDiv.fCos = Math.cos(fAngle);
oDiv.fSin = Math.sin(fAngle);
oDiv.nLive = Math.round(Math.random() * (nMaxLive - nMinLive) + nMinLive);
UpdateStarPos(i);
UpdateStarBgColor(i);
}
function MoveStars()
{
var bEndShow = true;
for(var i = 0; i < nStarCount; i++)
{
var oDiv = aStars[i];
if(oDiv.nLive)
{
oDiv.x += oDiv.fSpeed * oDiv.fCos;
oDiv.y += oDiv.fSpeed * oDiv.fSin;
oDiv.fSpeed *= fDSpeed;
if(oDiv.fSpeed < 0)
oDiv.fSpeed = 0;
UpdateStarPos(i);
UpdateStarBgColor(i);
oDiv.nLive--;
if(!oDiv.nLive)
oDiv.style.backgroundColor = "black";
bEndShow = false;
}
}
if(bEndShow)
{
window.clearInterval(nTimerID);
window.setTimeout(StartFireShow, 1500);
}
}
function StartFireShow()
{
var x = Math.round(Math.random() * (nMaxX - nMinX)) + nMinX;
var y = Math.round(Math.random() * (nMaxY - nMinY)) + nMinY;
for(var i = 0; i < nStarCount; i++)
ResetStar(i, x, y);
nTimerID = window.setInterval(MoveStars, 40);
}
function GenerateStars()
{
for(var i = 0; i < nStarCount; i++)
{
var oDiv = aStars[i] = document.createElement("DIV");
oDiv.style.width = "1px";
oDiv.style.height = "1px";
oDiv.style.overflow = "hidden";
oDiv.style.position = "absolute";
oAnimate.appendChild(oDiv);
}
}
GenerateStars();
StartFireShow();
// -->
</script>
</body>
</html>
вот можете создать html страницу и установить на форуме скрипт салюта
- Код:
<span style="color: white;">С Днем Города, жители Наколоки</span>
В коде есть такая строчка , текст которой можно изменять на свой
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 21:45
Y.nby пишет:Наволоки, конечно)) Но спасибо!
Перепишите, я ошибся
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Re: Салют для форума
автор Vadim Июнь 22nd 2012, 22:17
Попробовал, не получилось... Я создал новую HTML страницу, вставив в строку "код HTML" ваш скрипт и после сохранения ничего не изменилось... Напишите более подробно если можно?
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 22:44
Как вы хотите что-был салют на главной странице? или просто отдельная ссылка?
Если на главной то жмите ПА- Модули- Управление страницами HTML - Создать новую страницу HTML :
Вы хотите использовать верх и низ вашего форума? : Нет
Использовать эту страницу в качестве Главной? : Да
а если не главной то : ПА- Модули- Управление страницами HTML - Создать новую страницу HTML :
Вы хотите использовать верх и низ вашего форума? : Нет
Использовать эту страницу в качестве Главной? : Нет
и просто ставите весь код что я вам дал
Если на главной то жмите ПА- Модули- Управление страницами HTML - Создать новую страницу HTML :
Вы хотите использовать верх и низ вашего форума? : Нет
Использовать эту страницу в качестве Главной? : Да
а если не главной то : ПА- Модули- Управление страницами HTML - Создать новую страницу HTML :
Вы хотите использовать верх и низ вашего форума? : Нет
Использовать эту страницу в качестве Главной? : Нет
и просто ставите весь код что я вам дал
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 23:00
Я придумал получше, взял видео с Ютуб, в котором показан красочный салют,сделал размер его 1000*500 и получилось намного лучше чем скрипт.
Вот код, устанавливайте его как главную страницу форума, ссылку на Ваш форум я уже сделал, для того чтобы пользователи Вашего Форума могли на него без трудностей перейти.
Вот код, устанавливайте его как главную страницу форума, ссылку на Ваш форум я уже сделал, для того чтобы пользователи Вашего Форума могли на него без трудностей перейти.
- Код:
<a href="http://www.navoloki.com/" target="_blank">Форум Наволоки</a>
<center><font color ="red" size="12">С днем Города, жители Наволоки, Всего Вам самого лучшего.</font>
<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/dAQR34t-BCk?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/dAQR34t-BCk?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="1000" height="500"></object></center>
<a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Re: Салют для форума
автор Vadim Июнь 22nd 2012, 23:03
Понял вас. Все не то. Мне нужна не анимированная картинка с салютом и не видео ролик а именно эффект салюта когда фейерверк сыплется по всему форуму. Прежде здесь кто-то писал похожий скрипт для снегопада (К новому году)
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Re: Салют для форума
автор Vadim Июнь 22nd 2012, 23:15
Там тоже демки нет посмотреть, в любом случае мне салют нужен а не снег
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 23:20
- Код:
<div style="position: absolute; top: 0; left: 0;"><img src="http://www.prouserscs.moy.su/Scripts/salut.gif" border="0" alt="C Днем Города" /></div>
смотрите что получилось у меня с анимацией
кажется то что Вам нужно ставьте в overall_footer_end перед </body>вот еще анимации :
http://i037.radikal.ru/0910/3d/68e522e7711b.gif
http://www.yoursmiles.org/tsmile/salut/t9304.gif
http://corigif.free.fr/artifice/img/artifice_007.gif
http://animo2.U-z.ru/_ph/68/1/606174781.jpg
http://www.graficaugusto.org/Floaties/11210.gif
http://s10.rimg.info/b72486411a7055dae5cbc46f822569d6.gif
http://s10.rimg.info/f1d1c495b27179055fcdc1d3a8ef9b7b.gif
http://img-fotki.yandex.ru/get/5301/sysoenatalya.2e/0_550b0_f97ce180_XL
https://redcdn.net/ihimizer/img141/5674/15uqh1.gif
http://priroda.inc.ru/prazdnik/pozdrav/gif/am5.gif
http://img-fotki.yandex.ru/get/5506/yury-chizhov.22c/0_5e8b5_7f11960e_L
можете так же поискать еще в яндексе или гугле
Последний раз редактировалось: MakcMay (Июнь 22nd 2012, 23:29), всего редактировалось 1 раз(а)
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Re: Салют для форума
автор Vadim Июнь 22nd 2012, 23:27
Я поставил у меня ничего не изменилось. Все сохранил опубликовал в overall_footer_end перед </body>
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор Vadim Июнь 22nd 2012, 23:29
Типа такого надо http://www.dynamicdrive.com/dynamicindex3/fireworks.htm
Vadim-
-
Сообщения : 537
Возраст : 36
Регистрация : 2012-03-01
Благодарности : 56
-
Re: Салют для форума
автор MakcMay Июнь 22nd 2012, 23:34
Y.nby пишет:Я поставил у меня ничего не изменилось. Все сохранил опубликовал в overall_footer_end перед </body>
как не работает, я же проверял
MakcMay-
-
Сообщения : 584
Возраст : 33
Регистрация : 2011-12-12
Благодарности : 102
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
