[mow]-xNewYear 1.1.0

[Bizzaro]

Bizzaro добавил(а) новый ресурс:

[mow]-xNewYear - Новогодняя гирлянда

Новогодняя гирлянда для вашего форума. Никаких настроек, установили плагин, гирлянда появилась.
Без звука. Настройки стиля в отдельном less шаблоне (mow_xnewyear.less)

Посмотреть вложение 78308

Посмотреть вложение 78307

Узнать больше об этом ресурсе...

 

[TaLLeR43]

А обновки будут?;)

 

[Hope]

Зачем? Что не так?

 

[Bizzaro]

Зачем? Что не так?

Я снег еще прикрутил :), сейчас обновлю.

 

[Mirovinger]

Зря, это здесь точно лишнее.

 

[Bizzaro]

Зря, это здесь точно лишнее.

Я там Вкл/Выкл переключатель поставил, по умолчанию выкл

 

[Bizzaro]

Bizzaro обновил(а) ресурс [mow]-xNewYear новой записью:

[mow]-xNewYear 1.1.0

Добавлен снег. Переключатель Вкл/Выкл в настройках
Посмотреть вложение 78319

Узнать больше об этом обновлении...

 

[TaLLeR43]

Bizzaro, а звук к гирлянде возможно прикрутить ?) Или мышкой нажимаешь на шарики и они бы лопали ?:D:

 

[Bizzaro]

Bizzaro, а звук к гирлянде возможно прикрутить ?) Или мышкой нажимаешь на шарики и они бы лопали ?:D:

Можно, делать я этого конечно не буду.
Звук живет в этом файле.

 

[Mirovinger]

Причесал.

mow_xnewyear.less

/* <xf:set var="$ballPath" value="styles/mow/xnewyear" /> */

.b-page__content {
    min-height:105px;
}

.b-head-decor {
    display:none;
}

.b-page_newyear {
     .b-head-decor{
           position:absolute;
           top:0;
           left:0;
           display:block;
           height:115px;
           width:100%;
           overflow:hidden;
           background: url({$ballPath}/b-head-decor_newyear.png) repeat-x 0 0;

       &__inner {
               position:absolute;
               top:0;
               left:0;
               height:115px;
               display:block;
               width:373px;

           &_n2 {
               left:373px;
           }

           &_n3 {
               left:746px;
           }

           &_n4 {
               left:1119px;
           }

           &_n5 {
               left:1492px;
           }

           &_n6 {
               left:1865px;
           }

           &_n7 {
               left:2238px;
           }

       }

       &:before {
               content:'';
               display:block;
               position:absolute;
               top:-115px;
               left:0;
               z-index:3;
               height:115px;
               display:block;
               width:100%;
               box-shadow:0 15px 30px rgba(0,0,0,0.75);
       }
    }
}


.b-ball {
    position:absolute;

    &__i{
        position:absolute;
        width:100%;
        height:100%;
        -webkit-transform-origin:50% 0;
        -moz-transform-origin:50% 0;
        -o-transform-origin:50% 0;
        transform-origin:50% 0;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        pointer-events:none
    }

    &_i1 {
        top:0;
        left:0;
        width:25px;
        height:71px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i1.png) no-repeat;
        }
    }

    &_i2 {
        top:0;
        left:25px;
        width:61px;
        height:27px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i2.png) no-repeat;
        }
    }

    &_i3 {
        top:0;
        left:176px;
        width:29px;
        height:31px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i3.png) no-repeat;
        }
    }

    &_i4 {
        top:0;
        left:205px;
        width:50px;
        height:51px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i4.png) no-repeat;
        }
    }

    &_i5 {
        top:0;
        left:289px;
        width:78px;
        height:28px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i5.png) no-repeat;
        }
    }

    &_i6 {
        top:0;
        left:367px;
        width:6px;
        height:69px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_i6.png) no-repeat;
        }
    }

    &_n1 {
        top:0;
        left:3px;
        width:59px;
        height:83px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n1.png) no-repeat;
        }
    }

    &_n2 {
        top:-19px;
        left:51px;
        width:55px;
        height:70px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n2.png) no-repeat;
        }
    }

    &_n3 {
        top:9px;
        left:88px;
        width:49px;
        height:67px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n3.png) no-repeat;
        }
    }

    &_n4 {
        top:0;
        left:133px;
        width:57px;
        height:102px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n4.png) no-repeat;
        }
    }

    &_n5 {
        top:0;
        left:166px;
        width:49px;
        height:57px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n5.png) no-repeat;
        }
    }

    &_n6 {
        top:6px;
        left:200px;
        width:54px;
        height:70px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n6.png) no-repeat;
        }
    }

    &_n7 {
        top:0;
        left:240px;
        width:56px;
        height:67px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n7.png) no-repeat;
        }
    }

    &_n8 {
        top:0;
        left:283px;
        width:54px;
        height:53px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n8.png) no-repeat;
        }
    }

    &_n9 {
        top:10px;
        left:321px;
        width:49px;
        height:66px;

        .b-ball__i {
            background:url({$ballPath}/b-ball_n9.png) no-repeat;
        }
    }

    &_bounce {
        .b-ball {
            &__right {
                position:absolute;
                top:0;
                right:0;
                left:50%;
                bottom:0;
                z-index:9;

                &:hover {
                    left:0;
                    display:block!important;
                }

                &.bounce {
                    &+.b-ball__i {
                        -webkit-transform:rotate(9deg);
                        -moz-transform:rotate(9deg);
                        -o-transform:rotate(9deg);
                        transform:rotate(9deg);
                    }

                    &1+.b-ball__i {
                        -webkit-transform:rotate(-6deg);
                        -moz-transform:rotate(-6deg);
                        -o-transform:rotate(-6deg);
                        transform:rotate(-6deg);
                    }

                    &2+.b-ball__i {
                        -webkit-transform:rotate(3deg);
                        -moz-transform:rotate(3deg);
                        -o-transform:rotate(3deg);
                        transform:rotate(3deg);
                    }

                    &3+.b-ball__i {
                        -webkit-transform:rotate(-1.5deg);
                        -moz-transform:rotate(-1.5deg);
                        -o-transform:rotate(-1.5deg);
                        transform:rotate(-1.5deg);
                    }
                }
            }

            &:hover {
                .b-ball__right {
                    display:none;
                }
            }
        }

        &.bounce
            &>.b-ball__i {
                -webkit-transform:rotate(-9deg);
                -moz-transform:rotate(-9deg);
                -o-transform:rotate(-9deg);
                transform:rotate(-9deg);
            }

            &>.b-ball__i {
                -webkit-transform:rotate(6deg);
                -moz-transform:rotate(6deg);
                -o-transform:rotate(6deg);
                transform:rotate(6deg);
            }

            &2>.b-ball__i {
                -webkit-transform:rotate(-3deg);
                -moz-transform:rotate(-3deg);
                -o-transform:rotate(-3deg);
                transform:rotate(-3deg);
            }

            &3>.b-ball__i {
                -webkit-transform:rotate(1.5deg);
                -moz-transform:rotate(1.5deg);
                -o-transform:rotate(1.5deg);
                transform:rotate(1.5deg);
            }
    }
}

 

[Hope]

Нормальная такая расчёска у тебя, Миро. :)

 

[TaLLeR43]

Mirovinger, оптимизировал код?

 

[Mirovinger]

Да.

 

[Chigra]

Спасибо, украсил!
К панели управления теперь только по прямой ссылке обращаться? :upsidedown:

 

[Hope]

z-index - должен решать... Не поправлено это в коде от Mirovinger?

 

[Chigra]

z-index - должен решать... Не поправлено это в коде от Mirovinger?

Я сначала плангин поставил, потом код от Mirovinger. Видимо не поправлено пока.

 

[Bizzaro]

z-index - должен решать... Не поправлено это в коде от Mirovinger?

Надо staff bar тогда модить:

.p-staffBar-inner {
    z-index: 100;
}

А сюда :

.b-page_newyear {
     .b-head-decor{
         z-index: 99;
    }
}

Если логотип используется в качестве ссылки на главную и на него наезжает гирлянда, надо так еще добавить:

.p-header-inner {
    z-index: 101;
}

Не оч. нравится как выглядит, хотя юзерам и не видно.

 

[Mirovinger]

У меня такого нет, так как не наезжает на панель модератора.
По этому и нет исправления.

 

[Chigra]

Выявилась ещё одна маленькая проблемка:
После установки плагина перестала всплывать информация о пользователях в боковом окне.
При выключенном плагине инфа всплывает, как надо.
P.S. Если выйти из учётки и быть на форуме гостем. то всплывает и при включённом плагине. Из под учётки не всплывает только.

 

[Bizzaro]

Выявилась ещё одна маленькая проблемка:
После установки плагина перестала всплывать информация о пользователях в боковом окне.
При выключенном плагине инфа всплывает, как надо.
P.S. Если выйти из учётки и быть на форуме гостем. то всплывает и при включённом плагине. Из под учётки не всплывает только.

Не наблюдаю такого. Chrome, FF, IE даже :)