Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Перейти вниз

Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Eeleidan в Ср 9 Ноя - 10:51

В данной теме собираем готовые коды для украшений.
С вопросами "Как поставить", "Куда поставить", "Почему у меня не поставилось" и пр.
— пожалуйста, обращайтесь в соседнюю тему http://help.forum2x2.ru/t21957-topic




Предлагаю вниманию админов, готовящихся к зиме и Новому году несколько простых рабочих скриптов падающего снега. Чтобы установить снег, достаточно добавить один из предложенных скриптов в ПА > Модули > Управление кодами Javascript (инструкция: как установить скрипт)


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Мелкий белый (не раздражающий пользователей!) снег, реалистично сдуваемый ветерком:
Код:
$(function() {
    $.getScript("http://illiweb.com/rs3/10/frm/snow.js");
});


Отображается в IE9 - Хроме - Мазилле - Опере.
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 30
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Eeleidan в Чт 24 Ноя - 16:59

Пожалуйста smile
Обращаем внимание, что кодов стало больше! Выбирайте на свой вкус.
Если есть еще варианты, добавляйте их сюда же.
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 30
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

[Готовый скрипт] До Нового года осталось...

Сообщение автор Eeleidan в Пт 25 Ноя - 13:43

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Продолжаем подготовку к НГ.
Простой, но актуальный скриптик для форума. Ставьте его в виджет главной страницы или портала. В День X счетчик сменится на поздравление. А картинку можно поменять сразу :)
Код:
<div style="text-align: center; padding:2px; margin: 0 auto; border: 1px dashed white; width: 155px;">   
<img src="http://i44.servimg.com/u/f44/16/54/26/99/dfgdf10.jpg" border="0" />
<span style="color:#00BFFF"><b>

<script Language="javascript">   
function cdtime(container, targetdate){   
    if (!document.getElementById || !document.getElementById(container)) return   
    this.container=document.getElementById(container)   
    this.currentTime=new Date()   
    this.targetdate=new Date(targetdate)   
    this.timesup=false   
    this.updateTime()   
    }   
    cdtime.prototype.updateTime=function(){   
    var thisobj=this   
    this.currentTime.setSeconds(this.currentTime.getSeconds()+1)   
    setTimeout(function(){thisobj.updateTime()}, 1000)   
    }   
    cdtime.prototype.displaycountdown=function(baseunit, functionref){   
    this.baseunit=baseunit   
    this.formatresults=functionref   
    this.showresults()   
    }   
    cdtime.prototype.showresults=function(){   
    var thisobj=this   
    var timediff=(this.targetdate-this.currentTime)/1000   
    if (timediff<0){   
    this.timesup=true   
    this.container.innerHTML=this.formatresults()   
    return   
    }   
    var oneMinute=60   
    var oneHour=60*60   
    var oneDay=60*60*24   
    var dayfield=Math.floor(timediff/oneDay)   
    var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)   
    var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)   
    var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))   
    if (this.baseunit=="hours"){   
    hourfield=dayfield*24+hourfield   
    dayfield="n/a"   
    }   
    else if (this.baseunit=="minutes"){   
    minutefield=dayfield*24*60+hourfield*60+minutefield   
    dayfield=hourfield="n/a"   
    }   
    else if (this.baseunit=="seconds"){   
    var secondfield=timediff   
    dayfield=hourfield=minutefield="n/a"   
    }   
    this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)   
    setTimeout(function(){thisobj.showresults()}, 1000)   
    }   
    function formatresults2(){   
    if (this.timesup==false){   
    var displaystring="<span class='nonewyear'>До Нового года осталось "+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> "   
    }   
    else{   
    var displaystring="<span class='newyear1'>С Новым годом!!!</span>"   
    //alert("С Новым годом!!!")   
    }   
    return displaystring   
    }   
    </script>   
    <div id="countdowncontainer2"></div>   
    <script type="text/javascript">   
    var currentyear=new Date().getFullYear()   
    var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1   
    var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00")   
    christmas.displaycountdown("days", formatresults2)   
</script>

<b></span></div>

Это картинка: http://i44.servimg.com/u/f44/16/54/26/99/dfgdf10.jpg
Это цвет надписи: #00BFFF
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 30
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Dana Domirani в Пт 25 Ноя - 15:00

Спасибо!


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор molniya в Вс 27 Ноя - 12:50

гирлянды? Вот вам гирлянды.


I
Код:
<div style="height: 30px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/52331710.gif) repeat-x 100%;"></div>
 

II
Код:
<div style="height: 35px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/girlyn10.gif) repeat-x 100%;"></div>
 

III
Код:
<div style="height: 50px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/gerlyn10.gif) repeat-x 100%;"></div>
 

IV
Код:
<div style="height: 45px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/girlyn11.gif) repeat-x 100%;"></div>
 

V
Код:
<div style="height: 70px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/realgi10.gif) repeat-x 100%;"></div>
 

VI
Код:
<div style="height: 45px; background: url(http://i44.servimg.com/u/f44/16/54/26/99/girlyn12.gif) repeat-x 100%;"></div>
 

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор molniya в Пн 28 Ноя - 11:16

Код:
<script src="http://infoscript.ru/script/guirlande/guirlande.js"></script>
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Это украшения если вы поставите в описания сайта то вы получите результат с левой стороны форума на верху вот такую фенечку,очень забавную.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Angelicka в Чт 1 Дек - 15:23

А ёлочки будут? smile
avatar
Angelicka
 

Женщина

Сообщения : 67
Возраст : 40
Регистрация : 2011-11-17
Благодарности : 1

Без предупреждений

http://peterburgskie-tajny.forumei.org

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Dana Domirani в Чт 1 Дек - 15:32

Уже есть: http://help.forum2x2.ru/t3673-topic

1. Кликаете по изображению ёлки правой кнопкой мыши.
2. Выбираете пункт "Копировать URL картинки"
3. Подставляете полученную ссылку в код вместо текста ссылка
Код:
<img src="ссылка" alt="Нововгодняя елка" title="Нововгодняя елка" />
4. Полученный код ставите себе в виджет

P.S. если в указанной теме нажат на спойлеры "Большие елки" — спойлеры откроются и внутри будут еще картинки.


Последний раз редактировалось: Dana Domirani (Сб 1 Дек - 16:46), всего редактировалось 1 раз(а)


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Еше украшения к НГ

Сообщение автор Премьера в Сб 3 Дек - 22:34

Счетчик отсчета времени до НГ
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<center><table><tr><td>
  <span style="color: rgb(39, 56, 97); font: 26pt Monotype Corsiva,cursive;">
  </span>
  </td><td><div id="x1" ></div> 
  <script language="JavaScript"> 
  var timeStr, dateStr, ostStr, x; 
  function clock() { 
  now= new Date(); 
  ex = new Date(2013,0,1,0,0,0); 
  hours= now.getHours(); 
  minutes= now.getMinutes(); 
  seconds= now.getSeconds(); 
  timeStr= "" + hours; 
  timeStr+= ((minutes < 10) ? ":0" : ":") + minutes; 
  timeStr+= ((seconds < 10) ? ":0" : ":") + seconds; 
  date= now.getDate(); 
  month= now.getMonth()+1; 
  year= now.getYear(); 
  dateStr= "" + date; 
  dateStr+= ((month < 10) ? "/0" : "/") + month; 
  dateStr+= "/" + year; 
  ostStr= ""; 
  x = (ex.getTime() - now.getTime())/1000; 
  ostStr = Math.floor(x/60/60) + ' ч. '; 
  ostStr = ostStr + Math.floor((x/60/60 - Math.floor(x/60/60))*60) + ' мин. '; 
  x = (((x/60/60 - Math.floor(x/60/60))*60) - Math.floor((x/60/60 - Math.floor(x/60/60))*60))*60; 
  ostStr = ostStr + Math.floor(x) + ' сек. '; 
  x = (x - Math.floor(x))*10; 
  ostStr = ostStr + Math.floor(x) + ' мс. ';
  document.getElementById('x1').innerHTML ='<P align=center><FONT color=000000 size=3><b>До нового года осталось:</b><br><FONT color=#ed3a0e size=5>' + ostStr;
  Timer= setTimeout("clock()",10); 
  }
  clock(); 
  </script>
  </td><td>
  <span style="color: rgb(39, 56, 97); font: 26pt Monotype Corsiva,cursive;">
  </span>
  </td></tr></table></center>

Еще один счетчик (аккуратный минимализм)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<script LANGUAGE="javascript">
document.write('<span id="ny_date">До нового года</span>')
function ojidanieNG()
{
var today = new Date();

var BigDay = new Date("January 1, 2013");
var timeLeft = (BigDay.getTime() - today.getTime());

var e_daysLeft = timeLeft / 86400000;
var daysLeft = Math.floor(e_daysLeft);

var e_hrsLeft = (e_daysLeft - daysLeft)*24;
var hrsLeft = Math.floor(e_hrsLeft);

var e_minsLeft = (e_hrsLeft - hrsLeft)*60;
var minsLeft = Math.floor(e_minsLeft);

var seksLeft = Math.floor((e_minsLeft - minsLeft)*60);
if (BigDay.getTime() > today.getTime() )
document.getElementById("ny_date").innerHTML = 'До <font color=red><b>Нового года</b></font>: <b>'+daysLeft+'</b> дней, <b>'+hrsLeft+'</b> часов, <b>'+minsLeft+'</b> минут, <b>'+seksLeft+'</b> секунд'
else
document.getElementById("ny_date").innerHTML = '<b>Подзравляем с <font color=red>Новым 2013 годом</font>!!!</b>'
}
setInterval("ojidanieNG()", 50)
</SCRIPT>

Гирлянда,обрамляющая форум

Код:
<script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://szenprogs.ru/scripts/garland/girlyanda-t.gif';
  garland.imgbottom = 'http://szenprogs.ru/scripts/garland/girlyanda-b.gif';
  garland.imgleft = 'http://szenprogs.ru/scripts/garland/girlyanda-l.gif';
  garland.imgright = 'http://szenprogs.ru/scripts/garland/girlyanda-r.gif';
  garland.height = 30;
  garland.showleft = true;
//-->
</script>
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Вс 4 Дек - 20:22

Гирлянда, не раздражающая глаз..поблескивает себе потихоньку..))
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://img1.liveinternet.ru/images/attach/c/0//52/891/52891576_barnev.gif) repeat-x 100%;"></div>


Еще одна гирлянда. Смотрится очень красиво, совсем невесомо..
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://img1.liveinternet.ru/images/attach/c/0//52/925/52925075_000001.gif) repeat-x 100%;"></div>

И еще подобная
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://img0.liveinternet.ru/images/attach/c/0//52/919/52919804_0001.gif) repeat-x 100%;"></div>

Еще гирлянда
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<script src=http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22R.js/></script><div style="height: 60px; background: url(http://img0.liveinternet.ru/images/attach/c/0//52/918/52918785_0001.gif) repeat-x 100%;"></div>

И еще
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<script src=http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22R.js/></script><div style="height: 60px; background: url(http://img0.liveinternet.ru/images/attach/c/0//52/920/52920153_001.gif) repeat-x 100%;"></div>

Еще одна
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://blestki.com/RAZDELITEL/110.gif) repeat-x 100%;"></div>

Еще интересная гирлянда
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://i012.radikal.ru/0911/ce/88e8b5852bf3.gif) repeat-x 100%;"></div>

Еловая гирлянда-мишура
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="height: 60px; background: url(http://img0.liveinternet.ru/images/attach/c/0//52/918/52918804_0001.gif) repeat-x 100%;"></div>


Последний раз редактировалось: Премьера (Вс 11 Дек - 23:09), всего редактировалось 4 раз(а)
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Угловые украшения

Сообщение автор Премьера в Вс 4 Дек - 21:24

Украшение с раскачивающимся новогодним шаром в угол форума
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:0%; top:0px;"><img src="http://img1.liveinternet.ru/images/attach/b/0/22365/22365903_9.gif" border="0" /></div>



И вот такой дедушка)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:0%; top:0px;"><img src="http://bestgif.narod.ru/prazd/noviy-god-88.gif" border="0" /></div>
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Смех в Вт 6 Дек - 14:59

Может у кого-нибудь есть мишура для сайта? smile Поделитесь)
avatar
Смех
 

Мужчина

Сообщения : 762
Возраст : 21
Регистрация : 2010-11-05
Благодарности : 164

Без предупреждений

http://cmex.forum2x2.net/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Чт 8 Дек - 8:52

Например такая
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:35%; top:-15px;"><img src="http://images-photo.ru/_ph/14/2/628250978.gif" border="0" /></div>

Еще мишура
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
    <div style="position:absolute; right:35%; top:-15px;"><img src="http://img0.liveinternet.ru/images/attach/c/0//52/923/52923609_000001.gif" border="0" /></div>

Не свисающая мишура
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
    <div style="position:absolute; right:35%; top:-15px;"><img src="http://blestki.com/RAZDELITEL/58.gif" border="0" /></div>


Последний раз редактировалось: Премьера (Сб 10 Дек - 0:26), всего редактировалось 2 раз(а)
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Смех в Чт 8 Дек - 16:33

спасибо)
avatar
Смех
 

Мужчина

Сообщения : 762
Возраст : 21
Регистрация : 2010-11-05
Благодарности : 164

Без предупреждений

http://cmex.forum2x2.net/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Пн 12 Дек - 8:45

Вот такие влюбленные снеговики)
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:0%; top:-20px;"><img src="http://mynew-year.ru/Animation/Snegoviki.gif" border="0" /></div>

Неподвижные, свисающие новогодние шары
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; top:0; right:0;">  
  <img border="0" src="http://pro-fi.at.ua/neydalat/shapka.gif" align="right">  
  </div>  
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Пн 12 Дек - 14:22

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

Ветка слева
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://freeon.in.ua/uploads/posts/2010-12/1291725694_a3e59a5222fa.png" border="0" /></div>

Ветка слева 2
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img0.liveinternet.ru/images/attach/c/2//65/885/65885500_04.png" border="0" /></div>

Ветка слева 3
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img0.liveinternet.ru/images/attach/c/2//65/885/65885953_30.png" border="0" /></div>

Ветка слева 4
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img1.liveinternet.ru/images/attach/c/2//65/886/65886006_33.png" border="0" /></div>

Ветка слева 5
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img1.liveinternet.ru/images/attach/c/2//65/885/65885975_31.png" border="0" /></div>

Ветка слева 6
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img0.liveinternet.ru/images/attach/c/2//65/885/65885616_11.png" border="0" /></div>

Ветка слева 7
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img1.liveinternet.ru/images/attach/c/2//65/885/65885859_25.png" border="0" /></div>

Ветка слева 8
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img1.liveinternet.ru/images/attach/c/2//65/885/65885942_29.png" border="0" /></div>

Ветка справа
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:0%; top:0px;"><img src="http://img1.liveinternet.ru/images/attach/c/2//65/885/65885538_07.png" border="0" /></div>


Ветка справа 2

Код:
<div style="position:absolute; right:0%; top:0px;"><img src="http://img0.liveinternet.ru/images/attach/c/2//65/885/65885717_16.png " border="0" /></div>
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Пн 12 Дек - 16:09

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:0%; top:0px;"><img src="http://img0.liveinternet.ru/images/attach/c/2//66/850/66850920_53014430_225.gif" border="0" /></div>
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Влад*** в Ср 21 Дек - 14:07

А надписи С Новым Годом будут?
Если нет сделайте пожалуйста
заранее спасибо

Влад***
Новичок

Сообщения : 1
Регистрация : 2011-12-20
Благодарности : 0

Без предупреждений

http://vseobigrax.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Dana Domirani в Ср 21 Дек - 17:06

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Просто ссылка:
Код:
http://i44.servimg.com/u/f44/16/54/26/99/3010.png
Код для вставки в ПА > Оформление > Главная - Общая информация > Приветствие на главной странице:
Код:
<img src="http://i44.servimg.com/u/f44/16/54/26/99/3010.png" alt="C Новым годом" title="C Новым годом" border="0" height="87px" width="440px" />


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Просто ссылка:
Код:
http://i44.servimg.com/u/f44/16/54/26/99/36-cop11.png
Код для вставки в ПА > Оформление > Главная - Общая информация > Приветствие на главной странице:
Код:
<img src="http://i44.servimg.com/u/f44/16/54/26/99/36-cop11.png" alt="C Новым годом" title="C Новым годом" border="0" height="156" width="300" />


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Eeleidan в Пт 23 Дек - 0:35

Вот еще надпись-блестяшка, вдруг приглянется?
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 30
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Премьера в Вс 2 Дек - 0:04

Настоящая живая ветвь...смотрится очень стильно
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img-fotki.yandex.ru/get/5313/111874181.a4/0_94e0f_86e3ab9c_XL" border="0" /></div>
Очень красиво смотрится, если следующий скрипт поставить вместе с первым(который выше)..Игрушки сливаются с веткой, как будто украсили специально))..Попробуйте
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:70%; top:-90px;"><img src="http://img-fotki.yandex.ru/get/6616/136487634.775/0_b4aba_42fa64c8_XL.jpg" border="0" /></div>

Попробуйте установить и эту..для полноты ощущения...словно форум в новогоднем лесу))
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:-7%; top:-20px;"><img src="http://pic4you.ru/allimage/y2011/10-06/12216/1258313.png" border="0" /></div>

С нежными стразами на бантиках))
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Код:
<div style="position:absolute; right:-10%; top:-60px;"><img src="http://pic4you.ru/allimage/y2011/12-15/12216/1509582.png" /></div>
avatar
Премьера
 

Женщина

Сообщения : 171
Возраст : 41
Регистрация : 2010-12-24
Благодарности : 17

Без предупреждений

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Nord в Пн 17 Дек - 15:04

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
http://i13.servimg.com/u/f13/16/54/26/99/20cfa610.gif

Я вот такую упряжку с Дедом морозом поставил в "объявления" попробуйте.

Код для объявления:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/20cfa610.gif" alt="C Новым годом!" title="C Новым годом!" />

Nord
Новичок

Сообщения : 8
Регистрация : 2012-02-09
Благодарности : 0

Без предупреждений

http://kareliya-front.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Eeleidan в Вт 18 Дек - 5:25

Еще порция картинок на зимнюю / новогоднюю тематику!

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/d910.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/d910.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/1710.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/1710.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/2410.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/2410.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/2310.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/2310.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/xmaspr10.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/xmaspr10.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/a310.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/a310.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/d510.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/d510.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/d_1210.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/d_1210.gif" alt="" title="" />
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Ссылка: http://i13.servimg.com/u/f13/16/54/26/99/xmas_s10.gif
Код для вставки в виджет:
Код:
<img src="http://i13.servimg.com/u/f13/16/54/26/99/xmas_s10.gif" alt="" title="" />
avatar
Eeleidan
 

Женщина

Сообщения : 69
Возраст : 30
Регистрация : 2009-12-01
Благодарности : 35

Без предупреждений

http://www.7kingdoms.biz/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Saneya в Ср 19 Дек - 21:20

Благодарю за такие замечательны скрипты!!! 13 :thumleft:
avatar
Saneya
Новичок

Женщина

Сообщения : 24
Регистрация : 2011-09-15
Благодарности : 0

Без предупреждений

http://another-reality.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Домовой в Вс 23 Дек - 11:39

Вот ещё одна гирлянда из мигающих лампочек с регулировкой частоты мигания.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

<style type="text/css">  
#garland {position:absolute;top:0;left:0;background-image:url('https://i13.servimg.com/u/f13/14/80/95/87/christ10.png');height:36px;width:100%;overflow:hidden;z-index:99}  
#nums_1 {padding:100px}  
.garland_1 {background-position: 0 0}  
.garland_2 {background-position: 0 -36px}  
.garland_3 {background-position: 0 -72px}  
.garland_4 {background-position: 0 -108px}  
</style>  <div id="garland" class="garland_4"><div id="nums_1">1</div></div>  

<script type="text/javascript">  
function garland() {  
nums = document.getElementById('nums_1').innerHTML  
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}  
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}  
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}  
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}  
}  

setInterval(function(){garland()}, 400)  
</script>
в самом низу скрипта значение
400
указывает на частоту мигания.
Чем меньше значение тем чаще мигают лампочки.


Последний раз редактировалось: Домовой (Чт 23 Янв - 12:49), всего редактировалось 1 раз(а)
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3230

Без предупреждений

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Gastat в Вс 24 Ноя - 9:57

Спасибо большое за скрипты! Очень помогло! Отлично просто!
avatar
Gastat
 

Мужчина

Сообщения : 114
Возраст : 41
Регистрация : 2010-05-26
Благодарности : 25

Без предупреждений

http://www.stop-kaluga.ru/

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор VeraLV в Вт 10 Дек - 14:13

Для установки в виджет форума.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Последний раз редактировалось: VeraLV (Сб 13 Дек - 12:35), всего редактировалось 4 раз(а)
avatar
VeraLV
 

Женщина

Сообщения : 693
Возраст : 34
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор VeraLV в Вт 10 Дек - 17:26

Картинка для портала

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]



Последний раз редактировалось: VeraLV (Чт 18 Дек - 18:07), всего редактировалось 1 раз(а)
avatar
VeraLV
 

Женщина

Сообщения : 693
Возраст : 34
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Домовой в Чт 27 Ноя - 17:59

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

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

Скриншоты:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

ДЕМО

Установка
Создайте у себя на форуме HTML страницу (в продвинутом режиме HTML)
Название * : Музыкальная открытка (или своё название)
Использовать верх и низ вашего форума: НЕТ
Использовать эту страницу в качестве Главной: НЕТ

В поле Полный код страницы вставьте

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="all" href="http://dizayn.mybb.ru/files/000a/45/08/43781.css"/>
</head>
<script type="text/javascript" src="http://yourjavascript.com/458129911271/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
$$i({
create:'script',
attribute: {
'type':'text/javascript',
'src':'http://yourjavascript.com/407212811123/musik.js'
},
insert:$$().body,
onready:function() {//выполняю только после загрузки скрипта
//запукаю из загруженного скрипта
modules.sound.start({'music': 'http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3'});
$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
}
});
});
</script>
<body>
<div id="newyear">
<div class="newyear-sneg-layer1"></div>
<div class="newyear-sneg-layer2"></div>
<div class="newyear-pozdrava">
<!— Фон открытки -->
<style type="text/css">
#newyear{
background:url(http://ссылка на вашу картинку открытку) no-repeat top center;height:540px;
}
</style>
</div>
</div>
 
</body>
</html>

height:540px - высота тартинки
Сохраните.

Далее ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон overall_footer_end (Конец нижней части страницы)
В самый низ перед </body> вставьте

<a href="#" target="_blank" onClick="popupWin = window.open('http://ссылка на html страницу с открыткой',
 'new_year', 'width=828, height=542, top='+((screen.height-620)/2)+',left='+((screen.width-828)/2)+',
 resizable=yes, scrollbars=no, status=yes');popupWin.focus(); return false;"><div id="ded-moroz"></div></a>

width=828 - ширина окна в пикселях. Должна соответствовать ширине вашей картинки
height=542 - высота окна в пикселях. Должна быть больше высоты вашей картинки на 2px.

Сохраните и опубликуйте шаблон.

Далее в ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS вставьте код

Код:
/*музыкальная поздравлялка*/
#ded-moroz {
position:fixed;
background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo10.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo11.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}

Нажмите ОК.

P.S. Код настроен на картинку размером 828px в ширину и 540px в высоту.
Рисуйте свою открытку или заказывайте специалистам.
Вставляйте ссылку на картинку и наслаждайтесь)))


Для тестирования можно воспользоваться этой картинкой

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Последний раз редактировалось: Домовой (Пн 29 Дек - 11:17), всего редактировалось 2 раз(а)
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3230

Без предупреждений

Вернуться к началу Перейти вниз

Re: Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Сообщение автор Dana Domirani в Пн 1 Дек - 13:18

Напоминаю: в данной теме собираем готовые коды для украшений.

С вопросами "Как поставить", "Куда поставить", "Почему у меня не поставилось", "Как изменить" и пр. — пожалуйста, обращайтесь в соседнюю тему http://help.forum2x2.ru/t21957-topic


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22399
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Страница 1 из 2 1, 2  Следующий

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения