Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Новогодние Скрипты и украшения [ 2011 ]


Новогодние Скрипты и украшения [ 2011 ]

Сообщений 61 страница 80 из 81

61

rps

Уже сам разобрался.

Описание кода.
1. До наступления нового года.
Показывает сменяющуюся каждый раз картинку.
Имеется надпись: "До нового года осталось" и бегущий счётчик с днями, часами, минутами, секундами.
2. После наступления нового года.
По-прежнему показывает сменяющуюся каждый раз картинку.
Имеется надпись: "С новым 2011 годом!!!".

Код:
    <!-- Часы -->

<div align=center>

<script language="JavaScript">
a = new Array(10);

a[0] = '<IMG border=0 src="Адрес картинки №1">';

a[1] = '<IMG border=0 src="Адрес картинки №2">';

a[2] = '<IMG border=0 src="Адрес картинки №3">';

a[3] = '<IMG border=0 src="Адрес картинки №4">';

h = Math.round((Math.random()*3));
document.write(a[h]);

</script>
</div>

<script language='javascript' type='text/javascript'> 
function fulltime ()   { 
var time=new Date(); 
var newYear=new Date("jan,01,2011,00:00:00"); 
var totalRemains=(newYear.getTime()-time.getTime()); 

if (totalRemains>1){ 

var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600; 
var RemainsFullHours=(parseInt(secInLastDay/3600)); 
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; 
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; 
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec}; 

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн.</span>"; 
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час.</span>"; 
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин.</span>"; 
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек.</span>";
setTimeout('fulltime()',10)  
} 

else{ 
document.getElementById("clock").innerHTML="<b>C НОВЫМ 2011 ГОДОМ!!!</b>"; 
} 

} 
</script> 

<style type='text/css'>
#clou_xs {position:relative;width:160px;background:no-repeat}
#clock {position:relative;bottom:130px;text-align:center;color:#1d65a8;font-size:10px;}
#RemainsFullDays {position:absolute;bottom:-127px;left:5px;font-size:11px;color: #ff0000;}
#RemainsFullHours {position:absolute;bottom:-127px;left:40px;font-size:11px;color: #ff0000;}
#RemainsMinutes {position:absolute;bottom:-127px;left:80px;font-size:11px;color: #ff0000;}
#lastSec {position:absolute;bottom:-127px;left:120px;font-size:11px;color: #ff0000;}
#Rem {font-size:9px;font-weight:normal;color:#1d65a8;}
</style>

<div id='clou_xs'>
<div id='clock'><b>До Нового Года осталось:</b><br>

<span id='RemainsFullDays'></span>
<span id='RemainsFullHours'></span>
<span id='RemainsMinutes'></span>
<span id='lastSec'></span> 

</div>
</div>

<script language='javascript'>fulltime();</script>

    <!-- END Часы -->

Посмотреть можно здесь: http://test29.mybb.ru/
Чтобы увидеть состояние счётчика после наступления нового года переведите часы на своём компьютере.
Настройки заточены под конкретный размер изображения: 160*117. Если у вас другие картинки, отлаживайте <style type='text/css'>...</style> дополнительно.
Если вы увеличиваете количество картинок, следите, чтобы в этой строчке "h = Math.round((Math.random()*3));" число соответствовало числу картинок, уменьшенному на 1.

0

62

Можно ли переманить себе скрипт снега вот с этого сайта: http://dvdcoverlinks.com - там отличный снег, из первых сообщений темы понял что это вроде как возможно...
Буду признателен ^^

0

63

Mancell
Здравствуйте.

Mancell написал(а):

Можно ли переманить себе скрипт снега вот с этого сайта: http://dvdcoverlinks.com - там отличный снег, из первых сообщений темы понял что это вроде как возможно...Буду признателен

Код:
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
  
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

	function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc = "http://dvdcoverlinks.com/themes/kosmos/images/snow.gif"
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      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();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}


if (ie4up||ns6up){
    snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>

Отредактировано rps (Вт, 28 Дек 2010 16:33:07)

0

64

rps, спасибо большое, все работает :cool:

0

65

Надо скрипт елки рядом с  картинкой деда мороза.Там есть пустое место(правый угол.)  http://9999.ixbb.ru/

0

66

rps, скажите, пожалуйста, а в том скрипте, что в сообщении № 63, можно менять скорость падения снежинок и то, сколько их должно быть одновременно на странице? :blush:
Мне тоже понравился тот снег :rolleyes: , но он так неравномерно падает... :(

0

67

Любой снег всяко притормаживать форум будет

0

68

Машик
Здравствуйте.

Машик написал(а):

Надо скрипт елки рядом с  картинкой деда мороза.Там есть пустое место(правый угол.)  http://9999.ixbb.ru/

Вот после этого кода в ХТМЛ-верх:

Код:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="320" height="230" type="application/x-shockwave-flash">        <param name="movie" value="http://media.otkritka.com/inform/2.swf"/><param name="allowScriptAccess" value="always"/>        <param name="wmode" value="transparent"/><param name="quality" value="high"/>        <embed src="http://media.otkritka.com/inform/2.swf" quality="high" allowscriptaccess="always" width="320" height="230" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>

Добавьте такой:

Код:
<img src="Адрес изображения" alt="Ёлка" />

0

69

Паутина
Всё можно.
Давайте я тогда уж распишу некоторые параметры, которые можно поменять в скрипте.

Код:
  // Configure below to change number of snow to render
  var no = 10;

Определяет количество снежинок. Может принимать любые целые положительные значения.

Код:
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;

Время, после которого снег прекратит падать. То есть здесь (при необходимости) указывают целое положительное число (в секундах), по прошествии которых работа скрипта прекратится. Это надо, к примеру тем, кто читает длинные статьи, ибо бесконечно падающие снежинки отвлекают. Установив значение, скажем в 60 секунд мы получим то, что через 1 минуту "снегопад" на форуме прекратится.

Код:
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

Здесь всего два параметра: windowheight сделает так, что снежинки будут падать только в пределах окна пользователя и не будут лететь ниже; pageheight соответственно сделает снегу "длинный" путь через весь форум вниз.

Код:
snowsrc = "http://dvdcoverlinks.com/themes/kosmos/images/snow.gif"

Это адрес изображения снежинки. Можно поставить что угодно, хоть листья осенние.
Затем несколько параметров, которые встречаются в скрипте дважды:

Код:
    dx[i] = 0;                        // set coordinate variables

Определит начальное место, где будет появляться снег. Например, если Вы организовали в шапке форума "тучу" (в виде изображения), можно создать небольшой отступ, дабы снег появлялся ниже неё, как бы падая из "тучи". Значение измеряется в пикселах.

Код:
stx[i] = 0.02 + Math.random()/10; // set step variables

Это колебания снежинок в разные стороны. То есть снежинки падают слегка раскачиваясь, амплитуду этих колебаний как раз и даёт этот параметр.

Код:
sty[i] = 0.7 + Math.random();     // set step variables

Это скорость паденя снега.

Код:
xp[i] = Math.random()*(doc_width-50);  // set position variables

Наконец этот параметр изменяет высоту падения снежинок, то есть они будут недолетать до нижнего конца экрана (или форума) на указанную величину. Подойдёт тем, у кого внизу форума или экрана расположен "сугроб": снежинки будут падать в него.

Думаю, хватит этого.

Отредактировано rps (Вт, 28 Дек 2010 16:56:01)

+3

70

Maquis написал(а):

Любой снег всяко притормаживать форум будет

И не только снег, а любой скрипт вообще, просто "скрипт снега" намного сложнее простой замены ссылки изображением и это становится заметно.

+1

71

rps написал(а):

Думаю, хватит этого.

rps, ой, исчерпывающий ответ. Спасибо большое-большое. Я Вас обожаю. http://s56.radikal.ru/i154/1012/82/08cee1166bed.gif Всё работает, всё красиво... *вот, что получилось* СПАСИБО! http://s013.radikal.ru/i325/1012/20/532b871d0a99.gif

0

72

rps написал(а):

Добавьте такой:

Код добавлен ,елки нет.

0

73

Машик написал(а):

Код добавлен ,елки нет.

:glasses:  Машик, тут помимо кода - Заклинания важны (шутка

rps дал Вам код для вставки ссылки на Ваше собственное изображение

я бы поправил его так

<img src="Адрес изображения" alt="Ёлка"  style="height:230px;"/>

А вместо красного вставляйте ссылку на Вашу картинку (можете всунуть один из Ваших неиспользуемых логотипов, если получиться сильно длино - обрежим

Отредактировано Deff (Вт, 28 Дек 2010 21:44:22)

0

74

Deff Все заработало,поправь  изображение  в правый угол.с.ув.Машик

0

75

Машик написал(а):

Deff Все заработало,поправь  изображение  в правый угол.с.ув.Машик

Вставить вместо обоих кодов:

Код:
<table width=100%><tr><td align="left"><!--Новогоднее приветствие -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="320" height="230" type="application/x-shockwave-flash">        <param name="movie" value="http://media.otkritka.com/inform/2.swf"/><param name="allowScriptAccess" value="always"/>        <param name="wmode" value="transparent"/><param name="quality" value="high"/>        <embed src="http://media.otkritka.com/inform/2.swf" quality="high" allowscriptaccess="always" width="320" height="230" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</td><td align="right" style="padding: 0 4%;">
<img src="http://i082.radikal.ru/1012/12/e0926bc72270.gif" alt="Ёлка"  style="height:230px;"/>
</td></tr></table><!--End//Новогоднее приветствие -->

+1

76

Deff написал(а):

Вставить вместо обоих кодов:

Deff Спасибо все работает.с.ув.Машик.

0

77

rps написал(а):

Всё можно.Давайте я тогда уж распишу некоторые параметры, которые можно поменять в скрипте.

Паша, ты меня просто потрясаешь иногда)))))))))))))))))))))))))))))))))))))))))))))

Здорово))))))))))))))

0

78

Улучшенный скрипт надписи:
http://forumupload.ru/uploads/000d/8d/19/593-4-f.png
(Благодаря Deff)

<div style="position:absolute; top:60px; left:190px; right:0px;"><img src="http://forumupload.ru/uploads/000d/8d/19/593-4-f.png" border="0" style="height:350px"; /></div>

Где красным отмечен размер надписи (то бишь можно увеличивать надпись и уменьшать), а голубым позиционирование.
Смотреть как выглядит ЗДЕСЬ.

Отредактировано kolobdur74 (Чт, 30 Дек 2010 00:41:27)

0

79

rps написал(а):

Думаю, хватит этого.

rps, большое спасибо. Теперь можно управлять этим снегом!

0

80

Поставил скрипт как в 78  - кнопки админстрирование и пр стали некликабельны , как попасть в админку?

ФУ попал в админку - НЕАКТУЛЬНО

Отредактировано kapelka71 (Пт, 31 Дек 2010 15:05:01)

0


Вы здесь » Единый форум поддержки » Корзина » Новогодние Скрипты и украшения [ 2011 ]