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

Страница: « 1 … 49 50 51

Тема закрыта

Сообщений 1001 страница 1011 из 1011

Поделиться1001Сб, 14 Ноя 2020 18:25:04

Автор: Коза-дереза
Заслуженный
Зарегистрирован: Пн, 12 Окт 2020
Сообщений: 70
Уважение: +22
Позитив: +30
Последний визит:
Пн, 13 Дек 2021 14:36:31

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

френч написал(а):

Можно ли сделать на форуме так же как тут на аве весит шапочка? Ссылка

Отредактировано френч (Сегодня 13:03:48)

Ну прошлогодний скрипт:
В Начало HTML низ
Динамичная новогодняя гирлянда из шаров со звуком.

При нажатии на цифровые клавиши издаётся звук.
Так же звук издаётся если вы проведёте курсором по гирлянде.
Ставить в 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
ДЕМО

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

для этого в скрипте в самом верху замените файл 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 меняйте на своё усмотрение

Доброго времени!
А как поместить гирлянду вот сюда, сделав ее по размеру окошка:

Благодарю за ответ.
http://kratatada.quadrobb.ru

Отредактировано Коза-дереза (Сб, 14 Ноя 2020 18:26:08)

Поделиться1002Сб, 14 Ноя 2020 19:26:14

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 18:37:14

Коза-дереза
в HTML верх

Код:

<style>
.b-page_newyear .b-head-decor {
    position: absolute;
    top: 146px !important;
    left: 440px !important;
    display: block;
    height: 115px !important;
    width: 53% !important;
    overflow: hidden;
    background: url(http://s2.uploads.ru/Ri6dz.png) repeat-x 0 0;
}
</style>

Коза-дереза как то так...

Отредактировано ACT3255 (Сб, 14 Ноя 2020 19:38:58)

Поделиться1003Сб, 14 Ноя 2020 20:34:11

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 18:37:14

Коза-дереза
Уменьшайте %
width: 53% !important;
и потом двигайте
left: 440px !important;
у меня по всей видимости разрешение монитора больше...

гифка

Это баг или фитча? При наведении на окно в правом нижнем углу, всплывает окно в левом верхнем.

Отредактировано ACT3255 (Сб, 14 Ноя 2020 20:42:14)

Поделиться1004Сб, 14 Ноя 2020 20:39:49

Автор: Коза-дереза
Заслуженный
Зарегистрирован: Пн, 12 Окт 2020
Сообщений: 70
Уважение: +22
Позитив: +30
Последний визит:
Пн, 13 Дек 2021 14:36:31

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

Коза-дереза
в HTML верх

Код:

<style>
.b-page_newyear .b-head-decor {
    position: absolute;
    top: 146px !important;
    left: 440px !important;
    display: block;
    height: 115px !important;
    width: 53% !important;
    overflow: hidden;
    background: url(http://s2.uploads.ru/Ri6dz.png) repeat-x 0 0;
}
</style>

Коза-дереза как то так...

Уезжает :с

Поделиться1005Сб, 14 Ноя 2020 20:41:18

Автор: Коза-дереза
Заслуженный
Зарегистрирован: Пн, 12 Окт 2020
Сообщений: 70
Уважение: +22
Позитив: +30
Последний визит:
Пн, 13 Дек 2021 14:36:31

Не могу ее зафиксировать в нужном положении для разных разрешений, у кого-то ок, у кого-то уехала. У нас еще эта таблица кривая так что может быть в ней дело.

Поделиться1006Сб, 14 Ноя 2020 20:44:22

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 18:37:14

Коза-дереза написал(а):

Не могу ее зафиксировать в нужном положении для разных разрешений, у кого-то ок, у кого-то уехала. У нас еще эта таблица кривая так что может быть в ней дело.

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

Поделиться1007Сб, 14 Ноя 2020 20:44:48

Автор: Коза-дереза
Заслуженный
Зарегистрирован: Пн, 12 Окт 2020
Сообщений: 70
Уважение: +22
Позитив: +30
Последний визит:
Пн, 13 Дек 2021 14:36:31

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

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

Спасибо вам!

Поделиться1008Чт, 10 Дек 2020 07:43:52

Автор: bektau
Заслуженный
Зарегистрирован: Вт, 15 Янв 2019
Сообщений: 231
Уважение: +76
Позитив: +220
Пол: Женский
Последний визит:
Вс, 14 Апр 2024 16:35:53

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

френч написал(а):
Можно ли сделать на форуме так же как тут на аве весит шапочка? Ссылка

Отредактировано френч (Сегодня 13:03:48)
Ну прошлогодний скрипт:
В Начало HTML низ
Динамичная новогодняя гирлянда из шаров со звуком.

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

Нет звука :dontknow:

Поделиться1009Чт, 10 Дек 2020 07:53:50

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

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

Поделиться1010Чт, 10 Дек 2020 12:48:08

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2568
Уважение: +1753
Позитив: +759
Пол: Женский
Последний визит:
Чт, 18 Апр 2024 11:03:40

Mirra Bell написал(а):

сказали, что это браузеры сейчас отказываются с ним работать

браузеры отказываются работать с флешем.
звук к скриптам привязать - нет проблем.

bektau
свежая версия скрипта тут: https://forumd.ru/viewtopic.php?id=6062
звук работает.

ВКонтакте forumd

Поделиться1011Пн, 14 Дек 2020 09:01:01

Автор: Муму
Заслуженный
Зарегистрирован: Ср, 9 Сен 2020
Сообщений: 7
Уважение: +1
Позитив: 0
Последний визит:
Сб, 15 Окт 2022 21:02:43

Доброго всем дня. Перерыла весь интернет но скрипт вот на такие лампочки не нашла
Может кто-то сможет помочь? Как его с сайта стащить не понимаю к сожалению, в документах для скачивания он есть
http://www.schillmania.com/projects/snowstorm/

Тема закрыта

Страница: « 1 … 49 50 51

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 1001 страница 1011 из 1011

Поделиться1001Сб, 14 Ноя 2020 18:25:04

Поделиться1002Сб, 14 Ноя 2020 19:26:14

Поделиться1003Сб, 14 Ноя 2020 20:34:11

Поделиться1004Сб, 14 Ноя 2020 20:39:49

Поделиться1005Сб, 14 Ноя 2020 20:41:18

Поделиться1006Сб, 14 Ноя 2020 20:44:22

Поделиться1007Сб, 14 Ноя 2020 20:44:48

Поделиться1008Чт, 10 Дек 2020 07:43:52

Поделиться1009Чт, 10 Дек 2020 07:53:50

Поделиться1010Чт, 10 Дек 2020 12:48:08

Поделиться1011Пн, 14 Дек 2020 09:01:01