Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Новогодние украшения


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

Сообщений 1 страница 20 из 34

1

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

Отредактировано HerrOberEgerMaster (23.11.2013 15:28:38)

0

2

Ловите!

Гирлянды:
Ставим в хтмл-верх
http://s6.uploads.ru/nS79b.gif

Код:
<div style="height: 30px; background: url(http://s6.uploads.ru/nS79b.gif) repeat-x; position: absolute; top: 0; left: 0; width: 100%"></div>

http://s7.uploads.ru/0cjCg.gif

Код:
<div style="height: 15px; background: url(http://s7.uploads.ru/0cjCg.gif) repeat-x; position: absolute; top: 0; left: 0; width: 100%"></div>

//для светлого форума
http://s7.uploads.ru/RbVfm.gif

Код:
<div style="height: 24px; background: url(http://s7.uploads.ru/RbVfm.gif) repeat-x; position: absolute; top: 0; left: 0; width: 100%"></div>

http://s7.uploads.ru/rd1v8.gif

Код:
<div style="height: 24px; background: url(http://s7.uploads.ru/rd1v8.gif) repeat-x; position: absolute; top: 0; left: 0; width: 100%"></div>

//для светлого форума
http://s7.uploads.ru/d0y4V.gif

Код:
<div style="height: 30px; background: url(http://s7.uploads.ru/d0y4V.gif) repeat-x; position: absolute; top: 0; left: 0; width: 100%"></div>

0

3

Анимашки и не только в объявление

Свернутый текст

http://s6.uploads.ru/S4nsr.gif http://s7.uploads.ru/LzhsN.png
http://s7.uploads.ru/0lOiW.gif http://s6.uploads.ru/O3MgU.gif http://s6.uploads.ru/EYt1p.gif http://s7.uploads.ru/PrJ6A.gif

http://s6.uploads.ru/OY3T7.png http://s6.uploads.ru/AoxbF.gif

http://s7.uploads.ru/8IGy1.png http://s7.uploads.ru/yEfFZ.png http://s6.uploads.ru/rykMb.png http://s7.uploads.ru/JLGsS.png http://s7.uploads.ru/VtPpz.png

http://s7.uploads.ru/Pn7zM.png  http://s6.uploads.ru/psxuU.gif http://s6.uploads.ru/sPI3L.png http://s7.uploads.ru/r6MmS.png http://s7.uploads.ru/ezNPs.png

http://s6.uploads.ru/7xAfp.gif http://s6.uploads.ru/648eT.png http://s7.uploads.ru/rwx8O.png

http://s7.uploads.ru/UZ2BD.gif http://s6.uploads.ru/vQenT.gif
http://s7.uploads.ru/vV7lK.gif http://s6.uploads.ru/vVipS.gif

0

4

Уголки

Если хотим в углу окна браузера - ставим код под картинкой в хтмл-верх, если хотим в углу форума - убираем в коде под картинкой зачеркнутое.
//

<div style='position: absolute; top: 0; left: 0'><img src="http://s7.uploads.ru/am2RI.png" ></div>

http://s7.uploads.ru/am2RI.png

Код:
<div style='position: absolute; top: 0; left: 0'><img src="http://s7.uploads.ru/am2RI.png" ></div>

http://s6.uploads.ru/0e8Mi.png

Код:
<div style='position: absolute; top: 0; left: 0'><img src="http://s7.uploads.ru/am2RI.png" ></div>

http://s7.uploads.ru/lZFzu.png

Код:
<div style='position: absolute; top: 0; left: 0'><img src="http://s7.uploads.ru/lZFzu.png" ></div>

http://s6.uploads.ru/U4mv7.png

Код:
<div style='position: absolute; top: 0; left: 0'><img src="http://s6.uploads.ru/U4mv7.png" ></div>

http://s6.uploads.ru/3TuqD.png

Код:
<div style='position: absolute; top: 0; right: 0'><img src="http://s6.uploads.ru/3TuqD.png" ></div>

http://s7.uploads.ru/3LGfd.png

Код:
<div style='position: absolute; top: 0; right: 0'><img src="http://s7.uploads.ru/3LGfd.png" ></div>

http://s6.uploads.ru/0FQYR.png

Код:
<div style='position: absolute; top: 0; right: 0'><img src="http://s6.uploads.ru/0FQYR.png" ></div>

+2

5

Из прошлогодних тем:
http://i.rusff.me/f/ru/rusff/211515.png

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

Прошлые темы: 
Новогодние Скрипты и украшения [ 2010 ]
Прикольный новогодний скрипт
Новогодний СКРИПТ "Динамическая Елка" С новым вас 2012!

0

6

Скрипт падающего снега

http://s2.uploads.ru/z4TL5.png

Код:
<script language="JavaScript">
/*
Скрипт новогодних снежинок
*/

// Число снежинок (больше 40 не рекомендую)
var snowmax=35

// Цвета для снежинок, добавлять сколько угодно;
var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")

// Шрифт снежинок (можете экспериментировать)
var snowtype=new Array("Times")

// Форма снежинки (чтобы были нормальные, оставляете "*")
var snowletter="*"

// Скорость снегопада (рекомендовано от 0.3 до 2)
var sinkspeed=0.6

// Максимальный размер снежинки
var snowmaxsize=35

// Минимальный размер снежинки
var snowminsize=8

// Зона снегопада
//  1 для всех зон, 2 по левой стороне
// 3 для центра, 4 по правой стороне
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// Конец конфигурации
///////////////////////////////////////////////////////////////////////////


// Ниже ничего не трогать
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}

function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';

                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
</script>

Вставлять в хтмл-низ.

0

7

Еще один скрипт снега

<script src='https://forumstatic.ru/files/0011/e9/e1/41346.js'></script>
<script type='text/javascript'> 
  $(document).ready(function(){
  $(document).snowfall({round : true, minSize: 5, maxSize:8});
  });
</script>

Выделенные цифры - размер снежинок from & to

Скрипт снега с возможностью вставить свою снежинку

<script type="text/javascript"> 
var SNOW_Picture = "https://forumstatic.ru/files/0011/e9/e1/65458.png"; // ссылка на снежинку 
var SNOW_Width = "25px"; // длина снежинки 
var SNOW_Height = "25px"; // высота снежинки 
var SNOW_no = 30; // количество снежинок на странице одновременно 
</script> 
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/98007.js"></script>

0

8

Спасибо всем :) Думаю, не только мне пригодится :)

0

9

Кто-то просил Новогодние смайлики, не помню где, поэтому выложу тут

Классические колобки

http://s7.uploads.ru/J3lfi.gifhttp://s6.uploads.ru/IWvJs.gif http://s6.uploads.ru/7PuBs.gif http://s6.uploads.ru/kPV71.gif http://s6.uploads.ru/24Pes.gif http://s6.uploads.ru/wGR9s.gif http://s6.uploads.ru/SBqud.gif http://s7.uploads.ru/0iSG4.gif http://s6.uploads.ru/u2okQ.gif http://s7.uploads.ru/ST8rq.gif http://s7.uploads.ru/kaHTj.gif http://s7.uploads.ru/LlOE7.gif http://s6.uploads.ru/mrBG4.gif http://s6.uploads.ru/PE7xh.gif http://s7.uploads.ru/gkxzp.gif http://s7.uploads.ru/5Wdjn.gif http://s7.uploads.ru/1B8fw.gif http://s7.uploads.ru/6REGo.gif http://s6.uploads.ru/nDalx.gif http://s7.uploads.ru/SvHyg.gif http://s6.uploads.ru/5nS9U.gif http://s7.uploads.ru/YwUZu.gif http://s6.uploads.ru/Mm4jc.gif http://s6.uploads.ru/2CHQF.gif http://s7.uploads.ru/7QetF.gif http://s7.uploads.ru/kyxDW.gif http://s7.uploads.ru/RG6tW.gif http://s7.uploads.ru/9SJ62.gif http://s6.uploads.ru/LuGp0.gif http://s6.uploads.ru/DlRCB.gif http://s7.uploads.ru/Rk6gy.gif http://s6.uploads.ru/f8n4e.gif http://s7.uploads.ru/xvIbs.gif http://s7.uploads.ru/V8FQC.gif http://s7.uploads.ru/k6laW.gif http://s6.uploads.ru/6fWLt.gif

скрипт
//в форму ответа

Код:
<script>
function NY_smiles1(btn){
$(btn).next('div').toggle('slow');
}
</script>
<input id='NY1' type="Button" value="Новый год (СмайлПак1)" onclick="NY_smiles1(this);">
<div id='NYsmiles1' style="display:none">
<img src="http://s7.uploads.ru/J3lfi.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/J3lfi.gif[/img]')" />
<img src="http://s6.uploads.ru/IWvJs.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/IWvJs.gif[/img]')" />
<img src="http://s6.uploads.ru/7PuBs.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/7PuBs.gif[/img]')" />
<img src="http://s6.uploads.ru/kPV71.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/kPV71.gif[/img]')" />
<img src="http://s6.uploads.ru/24Pes.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/24Pes.gif[/img]')" />
<img src="http://s6.uploads.ru/wGR9s.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/wGR9s.gif[/img]')" />
<img src="http://s6.uploads.ru/SBqud.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/SBqud.gif[/img]')" />
<img src="http://s7.uploads.ru/0iSG4.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/0iSG4.gif[/img]')" />
<img src="http://s6.uploads.ru/u2okQ.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/u2okQ.gif[/img]')" />
<img src="http://s7.uploads.ru/ST8rq.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/ST8rq.gif[/img]')" />
<img src="http://s7.uploads.ru/kaHTj.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/kaHTj.gif[/img]')" />
<img src="http://s7.uploads.ru/LlOE7.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/LlOE7.gif[/img]')" />
<img src="http://s6.uploads.ru/mrBG4.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/mrBG4.gif[/img]')" />
<img src="http://s6.uploads.ru/PE7xh.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/PE7xh.gif[/img]')" />
<img src="http://s7.uploads.ru/gkxzp.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/gkxzp.gif[/img]')" />
<img src="http://s7.uploads.ru/5Wdjn.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/5Wdjn.gif[/img]')" />
<img src="http://s7.uploads.ru/1B8fw.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/1B8fw.gif[/img]')" />
<img src="http://s7.uploads.ru/6REGo.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/6REGo.gif[/img]')" />
<img src="http://s6.uploads.ru/nDalx.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/nDalx.gif[/img]')" />
<img src="http://s7.uploads.ru/SvHyg.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/SvHyg.gif[/img]')" />
<img src="http://s6.uploads.ru/5nS9U.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/5nS9U.gif[/img]')" />
<img src="http://s7.uploads.ru/YwUZu.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/YwUZu.gif[/img]')" />
<img src="http://s6.uploads.ru/Mm4jc.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/Mm4jc.gif[/img]')" />
<img src="http://s6.uploads.ru/2CHQF.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/2CHQF.gif[/img]')" />
<img src="http://s7.uploads.ru/7QetF.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/7QetF.gif[/img]')" />
<img src="http://s7.uploads.ru/kyxDW.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/kyxDW.gif[/img]')" />
<img src="http://s7.uploads.ru/RG6tW.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/RG6tW.gif[/img]')" />
<img src="http://s7.uploads.ru/9SJ62.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/9SJ62.gif[/img]')" />
<img src="http://s6.uploads.ru/LuGp0.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/LuGp0.gif[/img]')" />
<img src="http://s6.uploads.ru/DlRCB.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/DlRCB.gif[/img]')" />
<img src="http://s7.uploads.ru/Rk6gy.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/Rk6gy.gif[/img]')" />
<img src="http://s6.uploads.ru/f8n4e.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/f8n4e.gif[/img]')" />
<img src="http://s7.uploads.ru/xvIbs.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/xvIbs.gif[/img]')" />
<img src="http://s7.uploads.ru/V8FQC.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/V8FQC.gif[/img]')" />
<img src="http://s7.uploads.ru/k6laW.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/k6laW.gif[/img]')" />
<img src="http://s6.uploads.ru/6fWLt.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/6fWLt.gif[/img]')" />
</div>
Маленькие колобки

http://s7.uploads.ru/JlyV1.gif http://s6.uploads.ru/9Yj4O.gif http://s6.uploads.ru/WJZhT.gif http://s7.uploads.ru/CPZTt.gif http://s6.uploads.ru/DLHWq.gif http://s6.uploads.ru/BcRIn.gif http://s6.uploads.ru/vTy8a.gif http://s7.uploads.ru/P7DcS.gif http://s7.uploads.ru/uxrkY.gif http://s7.uploads.ru/QKZck.gif http://s6.uploads.ru/wkJYh.gif http://s7.uploads.ru/T6ywr.gif http://s7.uploads.ru/A1nux.gif http://s6.uploads.ru/yzrvE.gif http://s6.uploads.ru/cSlbk.gif http://s6.uploads.ru/OZl0C.gif http://s7.uploads.ru/Didl3.gif http://s7.uploads.ru/2NLAF.gif http://s6.uploads.ru/f4RsS.gif http://s6.uploads.ru/bj1Si.gif http://s6.uploads.ru/fUGzO.gif http://s7.uploads.ru/9tMzx.gif http://s6.uploads.ru/eblID.gif http://s7.uploads.ru/aKMlc.gif http://s7.uploads.ru/5LI8O.gif http://s7.uploads.ru/rSEK7.gif http://s6.uploads.ru/aoQS4.gif http://s7.uploads.ru/WCwKG.gif http://s7.uploads.ru/LgDFj.gif http://s6.uploads.ru/ZgzlH.gif http://s6.uploads.ru/1bRGS.gif http://s6.uploads.ru/oChnE.gif http://s6.uploads.ru/2pL6D.gif http://s6.uploads.ru/ksP9g.gif http://s6.uploads.ru/ynR2f.gif http://s7.uploads.ru/ZsHty.gif http://s6.uploads.ru/RJNE2.gif http://s7.uploads.ru/DNsqh.gif http://s7.uploads.ru/5d96W.gif http://s6.uploads.ru/anUeZ.gif http://s7.uploads.ru/1c5EV.gif http://s7.uploads.ru/Ylwc4.gif http://s7.uploads.ru/fTzpl.gif http://s6.uploads.ru/zLbEK.gif http://s7.uploads.ru/A0316.gif http://s6.uploads.ru/DQix7.gif http://s6.uploads.ru/00Llu.gif http://s6.uploads.ru/VJgnx.gif http://s6.uploads.ru/7j4fY.gif http://s6.uploads.ru/WaoTz.gif http://s6.uploads.ru/Ri2Yn.gif http://s7.uploads.ru/fO3Lw.gif http://s6.uploads.ru/YDard.gif http://s7.uploads.ru/H0Bmn.gifhttp://s6.uploads.ru/RkhjU.gif http://s6.uploads.ru/VUs6k.gif http://s7.uploads.ru/ulF4X.gif http://s7.uploads.ru/7Cy9l.gif

//скрипт в форму ответа

Код:
<script>
function NY_smiles1(btn){
$(btn).next('div').toggle('slow');
}
</script>
<input id='NY2' type="Button" value="Новый год (СмайлПак2)" onclick="NY_smiles1(this);">
<div id='NYsmiles2' style="display:none">
<img src="http://s7.uploads.ru/JlyV1.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/JlyV1.gif[/img]')" />
<img src="http://s6.uploads.ru/9Yj4O.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/9Yj4O.gif[/img]')" />
<img src="http://s6.uploads.ru/WJZhT.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/WJZhT.gif[/img]')" />
<img src="http://s7.uploads.ru/CPZTt.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/CPZTt.gif[/img]')" />
<img src="http://s6.uploads.ru/DLHWq.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/DLHWq.gif[/img]')" />
<img src="http://s6.uploads.ru/BcRIn.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/BcRIn.gif[/img]')" />
<img src="http://s6.uploads.ru/vTy8a.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/vTy8a.gif[/img]')" />
<img src="http://s7.uploads.ru/P7DcS.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/P7DcS.gif[/img]')" />
<img src="http://s7.uploads.ru/uxrkY.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/uxrkY.gif[/img]')" />
<img src="http://s7.uploads.ru/QKZck.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/QKZck.gif[/img]')" />
<img src="http://s6.uploads.ru/wkJYh.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/wkJYh.gif[/img]')" />
<img src="http://s7.uploads.ru/T6ywr.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/T6ywr.gif[/img]')" />
<img src="http://s7.uploads.ru/A1nux.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/A1nux.gif[/img]')" />
<img src="http://s6.uploads.ru/yzrvE.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/yzrvE.gif[/img]')" />
<img src="http://s6.uploads.ru/cSlbk.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/cSlbk.gif[/img]')" />
<img src="http://s6.uploads.ru/OZl0C.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/OZl0C.gif[/img]')" />
<img src="http://s7.uploads.ru/Didl3.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/Didl3.gif[/img]')" />
<img src="http://s7.uploads.ru/2NLAF.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/2NLAF.gif[/img]')" />
<img src="http://s6.uploads.ru/f4RsS.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/f4RsS.gif[/img]')" />
<img src="http://s6.uploads.ru/bj1Si.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/bj1Si.gif[/img]')" />
<img src="http://s6.uploads.ru/fUGzO.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/fUGzO.gif[/img]')" />
<img src="http://s7.uploads.ru/9tMzx.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/9tMzx.gif[/img]')" />
<img src="http://s6.uploads.ru/eblID.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/eblID.gif[/img]')" />
<img src="http://s7.uploads.ru/aKMlc.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/aKMlc.gif[/img]')" />
<img src="http://s7.uploads.ru/5LI8O.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/5LI8O.gif[/img]')" />
<img src="http://s7.uploads.ru/rSEK7.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/rSEK7.gif[/img]')" />
<img src="http://s6.uploads.ru/aoQS4.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/aoQS4.gif[/img]')" />
<img src="http://s7.uploads.ru/WCwKG.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/WCwKG.gif[/img]')" />
<img src="http://s7.uploads.ru/LgDFj.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/LgDFj.gif[/img]')" />
<img src="http://s6.uploads.ru/ZgzlH.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/ZgzlH.gif[/img]')" />
<img src="http://s6.uploads.ru/1bRGS.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/1bRGS.gif[/img]')" />
<img src="http://s6.uploads.ru/oChnE.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/oChnE.gif[/img]')" />
<img src="http://s6.uploads.ru/2pL6D.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/2pL6D.gif[/img]')" />
<img src="http://s6.uploads.ru/ksP9g.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/ksP9g.gif[/img]')" />
<img src="http://s6.uploads.ru/ynR2f.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/ynR2f.gif[/img]')" />
<img src="http://s7.uploads.ru/ZsHty.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/ZsHty.gif[/img]')" />
<img src="http://s6.uploads.ru/RJNE2.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/RJNE2.gif[/img]')" />
<img src="http://s7.uploads.ru/DNsqh.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/DNsqh.gif[/img]')" />
<img src="http://s7.uploads.ru/5d96W.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/5d96W.gif[/img]')" />
<img src="http://s6.uploads.ru/anUeZ.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/anUeZ.gif[/img]')" />
<img src="http://s7.uploads.ru/1c5EV.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/1c5EV.gif[/img]')" />
<img src="http://s7.uploads.ru/Ylwc4.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/Ylwc4.gif[/img]')" />
<img src="http://s7.uploads.ru/fTzpl.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/fTzpl.gif[/img]')" />
<img src="http://s6.uploads.ru/zLbEK.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/zLbEK.gif[/img]')" />
<img src="http://s7.uploads.ru/A0316.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/A0316.gif[/img]')" />
<img src="http://s6.uploads.ru/DQix7.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/DQix7.gif[/img]')" />
<img src="http://s6.uploads.ru/00Llu.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/00Llu.gif[/img]')" />
<img src="http://s6.uploads.ru/VJgnx.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/VJgnx.gif[/img]')" />
<img src="http://s6.uploads.ru/7j4fY.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/7j4fY.gif[/img]')" />
<img src="http://s6.uploads.ru/WaoTz.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/WaoTz.gif[/img]')" />
<img src="http://s6.uploads.ru/Ri2Yn.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/Ri2Yn.gif[/img]')" />
<img src="http://s7.uploads.ru/fO3Lw.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/fO3Lw.gif[/img]')" />
<img src="http://s6.uploads.ru/YDard.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/YDard.gif[/img]')" />
<img src="http://s7.uploads.ru/H0Bmn.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/H0Bmn.gif[/img]')" />
<img src="http://s6.uploads.ru/RkhjU.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/RkhjU.gif[/img]')" />
<img src="http://s6.uploads.ru/VUs6k.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/VUs6k.gif[/img]')" />
<img src="http://s7.uploads.ru/ulF4X.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/ulF4X.gif[/img]')" />
<img src="http://s7.uploads.ru/7Cy9l.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/7Cy9l.gif[/img]')" />
</div>

0

10

Так же из прошлогодних

Новогодняя гирлянда из лампочек.

http://s7.uploads.ru/8qP3d.jpg

Особенность этой гирлянды в том что там можно задать частоту мигания.

Ставить в HTML верх

Код:
<style type="text/css">  
#garland {
position:absolute;
top:0;
left:0;
background-image:url('http://s3.uploads.ru/qLMz6.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()}, 300)  
</script>

В самом низу скрипта строчка

setInterval(function(){garland()}, 300)

В этой строчки числовое значение 300 отвечает за частоту мигания.
Чем меньше значение тем реже мигает гирлянда.

ДЕМО

Отредактировано Домовой (05.12.2013 18:51:11)

+2

11

Динамичная новогодняя гирлянда из шаров со звуком.

http://s7.uploads.ru/OUqpH.jpg

При нажатии на цифровые клавиши издаётся звук.
Так же звук издаётся если вы проведёте курсором по гирлянде.

Ставить в HTML-верх

Код:
<!-- динамичная гарлянда -->
<link rel="stylesheet" href="https://forumstatic.ru/files/000a/45/08/64313.css">
<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/96233.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/88240.js"></script>

<div class="b-page_newyear">
    <div class="b-page__content">
        <i class="b-head-decor">
        <i class="b-head-decor__inner b-head-decor__inner_n1">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>

        <i class="b-head-decor__inner b-head-decor__inner_n2">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n3">

            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n4">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n5">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n6">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
        <i class="b-head-decor__inner b-head-decor__inner_n7">
            <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

            <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
            <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
        </i>
    </i>
</div>
</div>

Гирлянда прокручивается с форумом.
Если вы хотите что бы гирлянда не прокручивалась с форумом, добавьте код

<style>
.b-page_newyear .b-head-decor{
z-index:100;
position:fixed !important; /*фиксированное расположение*/
top:0px !important; /*положение от верха форума*/
}
</style>

Если у вас на форуме меню навигации зафиксировано вверху форума, в коде замените top:0px на высоту вашей панели навигации, к примеру top:25px

ДЕМО


Можно сделать гирлянду из более разноцветных шаров

http://s3.uploads.ru/t1X8l.jpg

для этого в скрипте в самом верху замените файл CSS

<link rel="stylesheet" href="https://forumstatic.ru/files/000a/45/08/64313.css">

на этот

<link rel="stylesheet" href="http://www.patmax.eu/CSS1/121219192449.css">


Если вы желаете что бы гирлянда не издавала звук, найдите вверху строчку

<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/96233.js"></script>

и замените её на

<script type="text/javascript" src="http://www.patmax.eu/J1/121217202145.js"></script>


Если гирлянда сильно закрывает шапку или рекламный баннер, опустите форум ниже.
Для этого добавьте в HTML-верх

<style>
body {
margin-top:60px;!important;
}
</style>

Значение 60px меняйте на своё усмотрение

Отредактировано Домовой (05.12.2013 19:00:41)

+2

12

Красивая подвеска в правый верхний угол.
Актуально для тёмных форумов.

http://s6.uploads.ru/TO0Ma.jpg

Код:
<script src="https://forumstatic.ru/files/0013/61/d9/27342.js"></script>

ДЕМО

Отредактировано Домовой (05.12.2013 19:27:15)

0

13

Домовой
Здорово, спасибо большое :)

0

14

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

Здорово, спасибо большое

Носите)))

0

15

Елка Пожеланий на Свою страницу

Авторы: Deff, sadhaka, kolobdur74

1. Создаем на форуме тему, с возможностью записи сообщений всем юзерам, в том числе и гостю
2. Считываем ID темы, пример: http://spravka.mybb.ru/viewtopic.php?id=12
3. Администрирование - Страницы - создаём свою страницу
и ставим на страницу следующий код:

* красные жирные цифры 12 , - меняем на цифры  ID Вашей темы, / В эту тему и будут вписываются пожелания

Код:
</div></div></div></div></div></div>
<style>.sell > div > b {color:#fff;text-shadow:1px 1px 3px #000;/*Фон Ника!*/background:#83798B;padding:0 3px 1px;border-radius:3px;}</style>
<style>#pun_wrap {display:none!important;}html,body{height:100%;background:#C6C8D4 url("https://forumstatic.ru/files/0013/65/ed/19383.jpg") no-repeat 50%;}</style>
<!-- ID Вашей темы! -->
<script> var temaID = 12; //ID Темы!; </script>
<!-- Форма Добавки  сообщения в Тему со своей Страницы -->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/65/ed/58042.js"></script>
<!-- Елко-Отображение  -->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/65/ed/76531.js"></script>
<div id="pun_wrap2"><div><div><div><div><div><noscript><noscript><noscript><noscript>

Гость тоже может выбирать подарки на елку и вставлять в пожелание свои картинки и открытки
Можно добавить свой Вариант Подарка на елку кнопкой http://s6.uploads.ru/BLdXq.png
Добавлены и смайлики

Чистка тем с елкой в статистике (Меняем красное на своё):

В Начало HTML низ

<!-- Чистка темы елки в статистике -->
<script type="text/javascript">
var temaID = 12; //ID Темы!;
var temaName = 'Желания'; //Название Темы
if($('#pun-searchtopics').length){
var table=$('.forum >.container > table');
table.find('tr td.tcl').each(function(i) {
  if($(this).find('a:first')[0].href.split('/viewtopic.php?id=')[1]==''+ temaID)
  $(this).parents('tr:first').hide();
});
}
if($('#pun-searchposts').length){
$('.post > h3 > span > strong').next('a').next('a').each(function(){
  if(this.href.split('/viewtopic.php?id=')[1]==''+ temaID)
  $(this).parents('.post').hide();
});
}
$(document).ready(function(){
$('#pun-index td').find('a:contains("'+temaName+'")').each(function(){
  if($(this).text() == temaName )$(this).parents('tr').hide();
});
});
</script>

Тему с Пожеланием лучше ставить  в Отдельный форум,
открытый для записи сообщений гостем.
Для скрытия этого форума с Главной в описание форума ставим такой  код:

Код:
<script class="forumhide"> $("script.forumhide").parents("tr[id^='forum_f']:first").hide(); $("script.forumhide").remove()</script>

При создании Темы с Пожеланиями - Ссылку на тему сразу же куда-нибудь запишите
(можно в топик Административного раздела или поставить в закладки браузера)
Ибо после установки скриптов скрытия найти её будет нелегко!

+4

16

Скрипт снега.

В HTML-низ

Сам скрипт:

Код:
<!-- Скрипт снега по умолчанию -->
<script src="https://forumstatic.ru/files/0013/79/4c/84633.js"></script>

<!-- Настройка скрипта снега на свой вкус -->
<script>
snowStorm.autoStart = true; // падение снега автоматически - вкл\выкл
snowStorm.animationInterval = 33; // скорость падения снега в миллисекундах\кадр, от 20 до 50. 20 - быстро и плавно, но с высокой нагрузкой на проц., 50 - более умеренно, но медленно
snowStorm.flakesMax = 128; // настройка максимального количества снежинок, находящихся на экране в любой момент времени
snowStorm.followMouse = true; // "порывы ветра" - снег будет падать вслед за курсором мыши
snowStorm.snowColor = '#ffffff'; // цвет снежинок
snowStorm.flakesMaxActive = 96;  // количество активных снежинок в пределах экрана
snowStorm.useTwinkleEffect = true; // мерцание снежинок
snowStorm.freezeOnBlur = true; // остановка анимации при неактивном окне\вкладке браузера
snowStorm.snowStick = true; // оседание на "дно" экрана - вкл\выкл
snowStorm.useMeltEffect = true; // выпавшие снежинки будут таять и исчезать, если ваш браузер поддерживает такую анимацию
</script>

======================

Пояснения:

<!-- Скрипт падения снега (по умолчанию) -->
<script src="https://forumstatic.ru/files/0013/79/4c/84633.js"></script>

<!-- Настройка скрипта падения снега на свой вкус -->
<script>
snowStorm.autoStart = true; // падение снега автоматически - вкл\выкл
snowStorm.animationInterval = 33; // скорость падения снега в миллисекундах\кадр, от 20 до 50. 20 - быстро и плавно, но с высокой нагрузкой на проц., 50 - более умеренно, но медленно
snowStorm.flakesMax = 128; // настройка максимального количества снежинок, находящихся на экране в любой момент времени
snowStorm.followMouse = true; // "порывы ветра" - снег будет падать вслед за курсором мыши
snowStorm.snowColor = '#ffffff'; // цвет снежинок
snowStorm.flakesMaxActive = 96;  // количество активных снежинок в пределах экрана
snowStorm.useTwinkleEffect = true; // мерцание снежинок
snowStorm.freezeOnBlur = true; // остановка анимации при неактивном окне\вкладке браузера. При переключении на другую вкладку в браузере падение снега остановится.
snowStorm.snowStick = true; // оседание на "дно" экрана - вкл\выкл
snowStorm.useMeltEffect = true; // выпавшие снежинки будут таять и исчезать, если ваш браузер поддерживает такую анимацию
</script>

true - разрешить опцию в настройке
false - запретить опцию в настройке
96 - числа, изменяемые на свой вкус

Этот скрипт https://forumstatic.ru/files/0013/79/4c/84633.js скачайте и залейте у себя в Администрирование - Файлы. Замените в скрипте выделенную ссылку на свою.

Сам скрипт взят отсюда: http://www.schillmania.com/projects/sno … index.html
Спасибо за подсказку юзеру Рррыч

Отредактировано Ironman (16.12.2013 16:16:51)

0

17

очень понравились поющие шарики от Домового *_*

0

18

sadhaka
спасибо, возьму на форум)

0

19

Музыкальное поздравление с Новым Годом
(Спасибо Deff за помощь по адаптированию скрипта для форумов myBB)

Скриншоты:

В обычном состоянии выглядывает дед мороз

http://savepic.org/6540235m.jpg

При наведении на него курсора появляется олень

http://savepic.ru/6329211m.jpg

Кликнув на картинку откроется окно с музыкальной открыткой

http://savepic.org/6517707m.jpg

Установка:

В HTML-верх

<style>
#ded-moroz {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/50082.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/59685.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}
</style>

В HTML-низ

<!--Контент всплывающего Окна для музыкальной позравлялки -->
<script type="text/javascript">

function contentPage_NewYar (){ /*==123==;
<!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">

<title>С Новым 2015 Годом !</title>
<link rel="stylesheet" type="text/css" media="all" href="https://forumstatic.ru/files/000a/45/08/43781.css"/>

</head>
<body>

<!-- Фон открытки -->
<style type="text/css">
#newyear{
background:url(http://sa.uploads.ru/hAQlK.jpg) no-repeat top center;
}
</style>

<!-- отступы текста внутри картинки -->
<style type="text/css">
.newyear-pozdrava{
padding:150px 90px 90px !important;
}
</style>

<!-- оформление текста заголовка -->
<style type="text/css">
.newyear-pozdrava-title{
text-align:center;font:italic 32px/32px Georgia;color:#B22222;text-shadow:2px 2px 2px #fff !important;
}
</style>

<!-- оформление текста поздравления -->
<style type="text/css">
.newyear-pozdrava-desc{
text-align:justify;font:italic 21px/21px Georgia;color: #D0B857;text-shadow:1px 1px 0px #ff0000;line-height:1.2 !important;
}
</style>

<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/53378.js"><\/script>
<script type="text/javascript">
$$r(function() {
$$i({
    create:'script',
    attribute: {
    'type':'text/javascript',
    'src':'https://forumstatic.ru/files/0013/61/d9/37360.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>

<div id="newyear">
<div class="newyear-sneg-layer1"></div>
<div class="newyear-sneg-layer2"></div>

<div class="newyear-pozdrava">
<div class="newyear-pozdrava-title">С Новым 2015 Годом !!!</div><br>
<div class="newyear-pozdrava-desc">
Желаю в наступающем новом году, чтобы Вы нашли волшебную шкатулку и достали из нее любовь и достаток в свой дом, улыбки друзей, уважение коллег, признание начальства, здоровье для себя и своих близких, удачу во всех делах, хорошее настроение, улыбки и море позитива на весь год.<br>
Удачи, море веселья и всего самого наилучшего Вам.<br> С наступающим Новым 2015 Годом дорогие друзья!!!<br><br>Администратор форума udomovogo.rusff.me
</div>
</div>
</div>

</body>
</html>
==123==;*/
} contentPage_NewYar = contentPage_NewYar.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');
</script>

<a href="#" target="_blank" onClick="popupWin = window.open('', 'new_year', 'width=834, height=602, top='+((screen.height-700)/2)+',left='+((screen.width-850)/2)+', resizable=yes, scrollbars=no, status=yes');popupWin.document.write(contentPage_NewYar);popupWin.document.close();popupWin.focus(); return false;"><div id="ded-moroz"></div></a>

Заголовок и текст поздравления меняйте на свои.

ДЕМО


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

В HTML-верх так же ставите код

<style>
#ded-moroz {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/50082.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/59685.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}
</style>

А это ставите в HTML-низ

<!--Контент всплывающего Окна для музыкальной позравлялки -->
<script type="text/javascript">
function contentPage_NewYar (){ /*==123==;
<!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">
<title>С Новым 2015 Годом !</title>
<link rel="stylesheet" type="text/css" media="all" href="https://forumstatic.ru/files/000a/45/08/43781.css"/>
</head>
<body>
<!-- Фон открытки -->
<style type="text/css">
#newyear{
background:url(ссылка на картинку фон) no-repeat top center;
}
</style>

<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/53378.js"><\/script>
<script type="text/javascript">
$$r(function() {
$$i({
    create:'script',
    attribute: {
    'type':'text/javascript',
    'src':'https://forumstatic.ru/files/0013/61/d9/37360.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>
<div id="newyear">
<div class="newyear-sneg-layer1"></div>
<div class="newyear-sneg-layer2"></div>
<div class="newyear-pozdrava">

</div>
</div>
</body>
</html>
==123==;*/
} contentPage_NewYar = contentPage_NewYar.toString().split('==123==;')[1].replace(/<\\\/script/gim,'<'+'/script');
</script>
<a href="#" target="_blank" onClick="popupWin = window.open('', 'new_year', 'width=834, height=602, top='+((screen.height-700)/2)+',left='+((screen.width-850)/2)+', resizable=yes, scrollbars=no, status=yes');popupWin.document.write(contentPage_NewYar);popupWin.document.close();popupWin.focus(); return false;"><div id="ded-moroz"></div></a>

Код для фона выделен красным цветом
Картинка должна быть размером 830х600px

Пример картинки

http://savepic.org/6519564m.jpg

Отредактировано Домовой (27.11.2014 20:08:25)

0

20

Добрый вечер!

Поставил на тестовик скрипт Ёлки пожеланий. Страница открывается, фоновая картинка есть, а вот контейнеры с подарками и пожеланиями почему-то не отображаются.
http://testbite.rolka.su/viewtopic.php?id=1#p4
Подскажите, в чём может быть причина?

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Новогодние украшения


Рейтинг форумов | Создать форум бесплатно