Собираем новогодние украшательства для форумов IP.Board и способы их применения

 

1) Снег на форум IP.Board Русская версия: >(SOS34) Snow Forum(RUS) 1.0.0.1

2) Новогодние смайлики для вашего форума: >Новогодние смайлы (Колобки)

3) Стиль White Christmas для IP.Board 3.4.6: >White Chrismas

4) Скрипт падающих снежинок для IP.Board: >Снежинки на форум

5) Различная новогодняя атрибутика: >Новый Год

6) Скрипт снега без тормозов: >Снег с задержкой внизу страницы

7) Ходящий внизу страницы >Дед Мороз

 

Предлагаем, не стесняемся, что бы вы хотели установить на ваш форум, есть какие-либо идеи?

Снег не очень что-то...тетрис стайл.

 

За смайлики спасибо :-)

Стиль White Christmas для IP.Board 3.3.x

WhiteChristmas_3_3.zip

а нету какой то ёлочку на верх сайта?

знаете на многих сайтах видел такое, а для ipb не видел.

Edited 21 декабря, 201212 yr by Solar

Solar,как раз готовлю небольшую статейку по этому поводу, ждите много плюшек   

Ждём-с, спасибо тебе респект за эти плюхи, которые есть и которые будут 

Буду ждать, хочется чего то новогоднего на сайт. Снег не очень понравился, та и нагрзку наверное неплохую дает.

Эксклюзивчик: падающие снежинки без глюков и тормозов!!! Пример на нашем форуме, давно я искал именно такой скрипт. Различие с хуком из первого сообщения - натуральные снежинки, а не белые хлопья..

Скрипт имеет множество настроек: от цвета хлопьев, до скорости и количества снежинок. Помните, чем больше хлопьев, тем больше будет нагрузка на ваш форум.

 

Установка снежинок на IPBoard:

Добавить скрипт в globalTemplate ПЕРЕД кодом {parse template="includeCSS" group="global" params="$css"}

<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 = 0;
            lftrght = Math.random()*15;
            x_mv = 0.03 + Math.random()/10;
                snow=document.getElementById("s"+i)
                snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow.size=randommaker(snowsizerange)+snowminsize
                snow.style.fontSize=snow.size+'px';
                snow.style.color=snowcolor[randommaker(snowcolor.length)]
                snow.style.zIndex=1000
                snow.sink=sinkspeed*snow.size/5
                if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
                if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
                if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
                if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
                snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
                snow.style.left=snow.posx+'px';
                snow.style.top=snow.posy+'px';
        }
        movesnow()
}

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

                if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
                        if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
                        if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
                        if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
                        if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
                        snow.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>

То ли мне кажется, то ли из за этго перестал работать уведомления ЛС и профиль.

Набор новогодних атрибутов, которые вы можете прикрепить в любое место вашего форума путём абсолютного позиционирования, пример:

 

 

Дед Мороз:

 

Ёлки:

 

Гирлянды:

 

Снеговики:

 

Год змеи:

 

Разное:

Себе поставлю! Спс

Из-за снега не меняется стиль внизу форума Оо

Как одно из украшательств вашего сайта в зимний период, может послужить красивый скрипт, отображающий летящие снежинки, такие как на этом сайте tpz-clans.ru
 
Скрипт создан с помощью javascript, поддерживает формат png и gif для отображения снежинки, по умолчанию содержит только png изображения снежинок. Можно рисовать свои или ставить другие.
 
Есть возможность заставить снежинки реагировать на движения "мышкой". Снег собирается внизу экрана и лежит там какое то время Так же есть возможность отключить эту функцию. Содержит ещё множество параметров
 
Этот скрипт не является ни модулем, ни плагином, ни каким либо ещё расширением для каких либо CMS, он независимый. Хоть это и может заставить немного повозиться с кодом пользователей CMS, установить код себе на сайт думаю сможет каждый, даже начинающий web-разработчик.
 

Установка скрипта падающего снега на сайт:
1. Качаем архив (содержит сам скрипт, изображения снежинок в формате png и небольшой readme файл с этой инструкцией)
Из архива достаём папку snow и загружаем на сервер в корневую директорию сайта
snow.zip
2. В админке - управление стилями - ваш стиль - в шаблоне globalTemplate, в самом низу после тега <body> вставляем код: 

 

<script type="text/javascript">
sitePath = "/";
sflakesMax = 64;
sflakesMaxActive = 64;
svMaxX = 3;
svMaxY = 3;
ssnowStick = 1;
sfollowMouse = 1;
</script>
<script type="text/javascript" src="/snow/snow.js"></script>

 

 
Радуемся снегу!
 
p. s. в архиве есть 2 доп. папки с изображениями (листья и 3 варианта снега, 3-й стоит по умолчанию) как заменить думаю разберетесь.

 

То ли мне кажется, то ли из за этго перестал работать уведомления ЛС и профиль.

 

Смотря что именно на форум поставил. Я только снежок протестил.

покопался в интернете, нашел гирлянду, может пригодится кому

 

 

Вставлять в globalTemplate, после <head>

 

 

<style type="text/css"> 
#garland {position:absolute;top:0;left:0;background-image:url('__yraaa.ru/test/135/christmas-lights.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><div style="position:absolute;top:-1000px"><a href="__yraaa.ru/publ/7" title="шаблоны для ucoz">ucoz шаблоны</a></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()}, 600) 
</script>

 

 

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

что то типа :ngsmile: ?

как-то не по фэн-шую :ng_laughing:

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

Набор новогодних атрибутов, которые вы можете прикрепить в любое место вашего форума путём абсолютного позиционирования, пример:

 

new-year.png

 

Дед Мороз:

ded1.pngded2.pngded3.pngded4.pngded6.pngded7.pngded15.pngded9.png

 

Ёлки:

el1.pngel2.pngel3.png

 

Гирлянды:

girland1.pnggirland2.pnggirland3.png

 

Снеговики:

sneg1.pngsneg2.pngsneg3.png

 

 

 

 

Подскажите пожалуйста как вставить данные украшения?

Если не сложно расскажите по-подробнее про "абсолютное позиционирование". Куда и какой код нужно вставить?

 

Заранее спасибо!

Например:

Добавляем следующий код в ipb_styles.css:

.newyear {

      background: transparent url({style_images_url}/название-изображения.png ) top left;

      widht: ширина изображения в px;

      height: высота изображения в px;

      position: absolute;

      top: 0;

      left: 0;

}

Позиция задаётся с помощью параметров top и left

Большое спасибо!

 

А имеет значение в какое место код добавлять? Обычно пишут добавьте этот код после вот этой строчки.

Нет, без разницы где.

Есть такая плюха ещё, её яндекс в прошлом году использовали: Подключаем файлы: (Все файлы прикреплены)

<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="__ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="swfobject.min.js"></script>
<script type="text/javascript" src="newyear.js"></script>

 

И после тега <body> Вставляем:

        <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>

novogodnie-ukrasheniya-dlya-saita.zip

её яндекс в прошлом году использовал

В этом году тоже используют. В яндекс почте.

Что-то у меня не работает.

 

Что я не правильно делаю? Вставляю в раздел /* TYPOGRAPHY */ 

 

.ipsType_subtitle { font-size: 18px; }
.ipsType_sectiontitle { 
	font-size: 16px;
	font-weight: normal;
	color: #595959;
	padding: 5px 0;
	border-bottom: 1px solid #ececec;
}
.newyear {
      background: transparent url({style_images_url}/vetka1.png ) top left;
      widht: 200px;
      height: 289px;
      position: absolute;
      top: 5;
      left: 10;
}

.ipsType_pagedesc {
	color: #7f7f7f;
	line-height: 1.5;
}

 

 

Изображение где находится?