ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Новогодние скрипты (сборник)

Сообщений 1 страница 10 из 39

1

Санта Клаус

Так первый пункт - вставляем jquery. Если он уже установлен от других скриптов, к примеру спойлера или выпадающего меню, то ставить его не нужно, если не установлен, то ставим в хтмл-верх:

<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/lib_module.js"></script>

Далее хтмл-верх:

Код:
<style type="text/css">
#santa-block {
	display: block;
	position: fixed;	
	width: 133px;
	height: 400px;
	margin: 20em 0 0 -7em;
	z-index: 2;
	text-align: left;
	}
	
#santa-block #dialog {
	width: 225px;
	height: auto;
	float: right;
	display: none;
	position: absolute;
	bottom: 350px;
	left: 50px;
	font-size: 12px;
	color: red;
	}
#santa-block #dialog div.b1, #santa-block #dialog div.b2, #santa-block #dialog div.b3, #santa-block #dialog div.b4, #santa-block #dialog div.b5,
#santa-block #dialog div.b1 i, #santa-block #dialog div.b2 i, #santa-block #dialog div.b3 i, #santa-block #dialog div.b4 i, #santa-block #dialog div.b5 i, #santa-block#dialog div.b1 b, #santa-block #dialog div.b2 b, #santa-block #dialog div.b3 b, #santa-block #dialog div.b4 b, #santa-block #dialog div.b5 b,#santa-block #dialog div.b1 q, #santa-block #dialog div.b2 q, #santa-block #dialog div.b3 q, #santa-block #dialog div.b4 q, #santa-block #dialog div.b5 q {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px;
	border-color: #ff6569;
	display: block;
	background: #ffffff;
	}
#santa-block #dialog div.b1 {
	margin: 0 2px;
	background: #ff6569;
	border: none;
}
#santa-block #dialog div.b1 b {
	margin: 0 1px;
	background: #ffffff;
	border-color: #ff6569;
}
#santa-block #dialog div.b2 {margin: 0 1px; border-color: #ff6569;}
#santa-block #dialog div.text {
	border: 1px solid #ff6569;
	border-width: 0 1px;
	padding: 0 12px;
	background: #ffffff;
}

#santa-block div.santa{
	float: left;
	width: 133px;
	height: 300px;	
	display: inline;
	z-index: 5;
	}
#santa-block div.santa a img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	}
#santa-block,#santa-block div.santa *,#santa-block #dialog,#santa-block #dialog * {border:0; !important}
</style>

находим в нём:

#santa-block #dialog {
width: 225px;
height: auto;
float: right;
display: none;
position: absolute;
bottom: 350px;
left: 50px;

font-size: 12px;
color: red;
}

выделенное красным меняйте, если диалоговый блок куда-нибудь уезжает. хтмл-верх..

Код:
<script type="text/javascript">
$(document).ready(function(){
var santa_message = new Array();
var surl = document.URL;
[b]santa_message.push('Добро пожаловать на сайт!');
santa_message.push('Вы попали в поиск!');
santa_message.push('Ура вы входите!');
santa_message.push('Смотрим темку');
santa_message.push('В профиле ^____^');
santa_message.push('Просматриваем раздельчик');[/b]
$("#santa-block > #dialog > #santa-text.text").html(santa_message[0]);
if(surl.indexOf("search.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[1]);
    else if(surl.indexOf("login.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[2]);
    else if(surl.indexOf("viewtopic.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[3]);
        else if(surl.indexOf("profile.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[4]);
        else if(surl.indexOf("viewforum.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[5]);
$("#santa-block > div.santa > a").click(function(){
    $(this).children("img").css("border","0");
    if($("#santa-block > #dialog").css("display")=='none'){
    $("#santa-block > #dialog").fadeIn("slow");
    $("#santa-block > #dialog").css("display",'inline');
    }
    else{
    $("#santa-block > #dialog").css("display",'none');
    }
    })
});
</script>

выделенные фразы меняете на свои, ставим в хтмл-верх..

Код:
<div id="santa-block">
<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>
<div id="dialog">
<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
  <div id="santa-text" class="text"></div>

<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>
<div style="margin: -4px 0px 0px 3px;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/dialog_bottom.png" border="0" /></div>
</div>
</div>

тоже хтмл верх, если есть желание заменить санту на что-нибудь другое, допустим на Деда Мороза, то находим строку:

<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>

заменяете на свой адрес..

для тех кому лень собирать все кусками, ставим это в хтмл-верх!!

Код:
<script type="text/javascript" src="http://i.rusff.org.ru/f/ru/org/rusff/lib_module.js"></script>
<style type="text/css">
#santa-block {
	display: block;
	position: fixed;	
	width: 133px;
	height: 400px;
	margin: 20em 0 0 -7em;
	z-index: 2;
	text-align: left;
	}
	
#santa-block #dialog {
	width: 225px;
	height: auto;
	float: right;
	display: none;
	position: absolute;
	bottom: 350px;
	left: 50px;
	font-size: 12px;
	color: red;
	}
#santa-block #dialog div.b1, #santa-block #dialog div.b2, #santa-block #dialog div.b3, #santa-block #dialog div.b4, #santa-block #dialog div.b5,
#santa-block #dialog div.b1 i, #santa-block #dialog div.b2 i, #santa-block #dialog div.b3 i, #santa-block #dialog div.b4 i, #santa-block #dialog div.b5 i, #santa-block#dialog div.b1 b, #santa-block #dialog div.b2 b, #santa-block #dialog div.b3 b, #santa-block #dialog div.b4 b, #santa-block #dialog div.b5 b,#santa-block #dialog div.b1 q, #santa-block #dialog div.b2 q, #santa-block #dialog div.b3 q, #santa-block #dialog div.b4 q, #santa-block #dialog div.b5 q {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px;
	border-color: #ff6569;
	display: block;
	background: #ffffff;
	}
#santa-block #dialog div.b1 {
	margin: 0 2px;
	background: #ff6569;
	border: none;
}
#santa-block #dialog div.b1 b {
	margin: 0 1px;
	background: #ffffff;
	border-color: #ff6569;
}
#santa-block #dialog div.b2 {margin: 0 1px; border-color: #ff6569;}
#santa-block #dialog div.text {
	border: 1px solid #ff6569;
	border-width: 0 1px;
	padding: 0 12px;
	background: #ffffff;
}

#santa-block div.santa{
	float: left;
	width: 133px;
	height: 300px;	
	display: inline;
	z-index: 5;
	}
#santa-block div.santa a img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	}
#santa-block,#santa-block div.santa *,#santa-block #dialog,#santa-block #dialog * {border:0; !important}
</style>
<script type="text/javascript">
$(document).ready(function(){
	var santa_message = new Array();
	var surl = document.URL;
	santa_message.push('Добро пожаловать на сайт!');
	santa_message.push('Вы попали в поиск!');
	santa_message.push('Ура вы входите!');
	santa_message.push('Смотрим темку');
	santa_message.push('В профиле ^____^');
	santa_message.push('Просматриваем раздельчик');
	$("#santa-block > #dialog > #santa-text.text").html(santa_message[0]);
	if(surl.indexOf("search.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[1]);
    else if(surl.indexOf("login.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[2]);
    	else if(surl.indexOf("viewtopic.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[3]);
        else if(surl.indexOf("profile.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[4]);
        	else if(surl.indexOf("viewforum.php")!=-1) $("#santa-block > #dialog > #santa-text.text").html(santa_message[5]);
	$("#santa-block > div.santa > a").click(function(){
    $(this).children("img").css("border","0");
    if($("#santa-block > #dialog").css("display")=='none'){
    	$("#santa-block > #dialog").fadeIn("slow");
    	$("#santa-block > #dialog").css("display",'inline');
    	}
    else{
    	$("#santa-block > #dialog").css("display",'none');
    	}
    })
	});


</script>
<div id="santa-block">
<div class="santa"><a href="#" onclick="return false;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/santa.png" border="0" onmouseover="$(this).animate({opacity: 1}, 1000)" onmouseout="$(this).animate({opacity: 0.2}, 1000)" onClick="this.style.border='0px'"></a></div>
<div id="dialog">
<div class="b1"><b></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b4"><b></b></div>
<div class="b5"><b></b></div>
  <div id="santa-text" class="text"></div>

<div class="b5"><b></b></div>
<div class="b4"><b></b></div>
<div class="b3"><b><i></i></b></div>
<div class="b2"><b><i><q></q></i></b></div>
<div class="b1"><b></b></div>
<div style="margin: -4px 0px 0px 3px;"><img src="http://i.rusff.org.ru/f/ru/org/rusff/dialog_bottom.png" border="0" /></div>
</div>
</div>

автор: mkusher

Теги: фишки, скрипт

Отредактировано Альб (24.12.09 08:37)

0

2

Падающие Белые Снежинки

Код:
 <SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var no = 25; // 
var speed = 12; // 
var snowflake = "http://img83.imageshack.us/img83/6223/dot4vj.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; 
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;         
xp[i] = Math.random()*(doc_width-50); 
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random();   
if (ns4up) {                  
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() { 
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

0

3

Падающие Белые Снежинки

Код:
 <SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var no = 25; // 
var speed = 12; // 
var snowflake = "http://img83.imageshack.us/img83/6223/dot4vj.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; 
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;         
xp[i] = Math.random()*(doc_width-50); 
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random();   
if (ns4up) {                  
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() { 
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

[mod]Администрация разыскивает автора скрипта
Знаешь, кто автор? пиши в тему: Корректировка каталога: дополнение/устранение ошибок[/mod]

0

4

PAV
а чем отличается от предыдущего поста?  http://i.smiles2k.net/aiwan_smiles/smile3.gif

http://forumd.ru/viewtopic.php?id=730#p30511, пост №2

0

5

Падающие Белые Снежинки, куда код вставлять?

0

6

Amy Lee,
хтмл низ)

0

7

L Micaelis
Не выходит, нет снежинок.=(

0

8

Amy Lee,
скрипт устарел, либо работает, как и большинство подобных, только в ИЕ)

0

9

Снег

Код:
<script src="http://s2.wordpress.com/wp-content/plugins/snow/snowstorm.js?ver=2" type="text/javascript"></script>

+1

10

Новогоднее украшение

Код:
<div style="position:absolute; left:0%; top:0px;"><img src="http://i.rusff.ru/f/ru/rusff/211515.png" border="0" /></div>

0