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

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

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

Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения

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

Страница:   1 … 49 50 51
Тема закрыта

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

1001

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

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

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

Ну прошлогодний скрипт:
В Начало HTML низ
Динамичная новогодняя гирлянда из шаров со звуком.
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 меняйте на своё усмотрение

Доброго времени!
А как поместить гирлянду вот сюда, сделав ее по размеру окошка:
https://forumupload.ru/uploads/0000/14/1c/37319/t247350.png
Благодарю за ответ.
http://kratatada.quadrobb.ru

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

0

1002

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2855
  • Уважение: +1579
  • Позитив: +2162
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:33:19

Коза-дереза
в 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>

Коза-дереза как то так...
https://forumupload.ru/uploads/0000/14/1c/32894/t796353.png

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

+1

1003

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2855
  • Уважение: +1579
  • Позитив: +2162
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:33:19

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

гифка

https://forumupload.ru/uploads/0000/14/1c/32894/551957.gif

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

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

0

1004

  • Автор: Коза-дереза
  • Заслуженный
  • Коза-дереза
  • Зарегистрирован: Пн, 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>

Коза-дереза как то так...
https://forumupload.ru/uploads/0000/14/1c/32894/t796353.png

Уезжает :с
https://forumupload.ru/uploads/0000/14/1c/37319/t26503.jpg

0

1005

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

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

0

1006

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2855
  • Уважение: +1579
  • Позитив: +2162
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:33:19
Коза-дереза написал(а):

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

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

0

1007

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

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

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

Спасибо вам!

+1

1008

  • Автор: bektau
  • Заслуженный
  • Зарегистрирован: Вт, 15 Янв 2019
  • Сообщений: 232
  • Уважение: +76
  • Позитив: +222
  • Пол: Женский
  • Последний визит:
    Вт, 1 Окт 2024 08:31:34
Deff написал(а):
френч написал(а):

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

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

Ну прошлогодний скрипт:
В Начало HTML низ
Динамичная новогодняя гирлянда из шаров со звуком.
http://s7.uploads.ru/OUqpH.jpg
При нажатии на цифровые клавиши издаётся звук.
Так же звук издаётся если вы проведёте курсором по гирлянде.

Нет звука  :dontknow:

+1

1009

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

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

+1

1010

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2619
  • Уважение: +1780
  • Позитив: +780
  • Пол: Женский
  • Последний визит:
    Ср, 25 Сен 2024 20:59:58
Mirra Bell написал(а):

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

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

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

+4

1011

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

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

0

Тема закрыта
Страница:   1 … 49 50 51

Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения