ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Нам очень нужна обратная связь!

Пройти опрос

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Если вы знаете что такое текстовые ролевые игры, пройдите, пожалуйста, этот опрос. Спасибо!

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

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



Новогодние украшения (css/js)

Сообщений 11 страница 16 из 16

1

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


Работает только для форумов mybb:

Навигатор

Снеговик внизу форума/сайта

https://i.gyazo.com/e2dff4428b399c472b6036946cd31392.png

Гирлянда с лампочками

https://forumupload.ru/uploads/0007/e3/f7/6822/770503.jpg

Елочная ветка на шапку Форума/сайта

https://forumupload.ru/uploads/0007/e3/f7/6763/518966.jpg

Новогодняя гирлянда в ретро стиле

https://forumupload.ru/uploads/0007/e3/f7/6763/163055.gif

Новогодняя гирлянда  из СССР

https://forumupload.ru/uploads/0007/e3/f7/6763/712710.gif

Таймер обратного отсчёта до нового года

https://forumupload.ru/uploads/0007/e3/f7/6763/180658.gif

Фейерверк

https://forumupload.ru/uploads/0007/e3/f7/6763/372228.gif

Клик снежинкой

https://forumupload.ru/uploads/0007/e3/f7/6763/77427.gif

Веселенькая гирлянда

https://forumupload.ru/uploads/0007/e3/f7/6763/36581.gif

Анимированный шарик наверху форума/сайта

https://forumupload.ru/uploads/0007/e3/f7/6763/494768.gif

Контейнер контента с новогодней шапкой

https://forumupload.ru/uploads/0007/e3/f7/6763/545864.jpg

Сверху что-то падает

https://i.gyazo.com/e7c34cf0115abe4fdf2e644eeebf4595.gif

Украшение наверху форумасайта

https://i.imgur.com/7wDBMTT.png

Анимация новогодней ёлки

https://i.gyazo.com/8e2b5790e8412f36a5e2d4f676524007.gif

Блуждающие частички (похожие на конфетти)

https://i.gyazo.com/53a2a19580a1dfedd7333ed51605f599.gif

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

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

+2

11

Шарик на верхнее меню Форума

https://forumupload.ru/uploads/0007/e3/f7/6763/494768.gif

Не реагирует на перемещение страниц, всегда остаётся поверх Форума в левом углу.

В html верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+3

12

Новогодняя шапка на счётчик посещений Форума/Сайта

https://forumupload.ru/uploads/0007/e3/f7/6763/545864.jpg

В html низ
В месте, где написано : «Контейнер сюда🎄» , вставьте свой счётчик посещений Форума.

Красная шапка

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Синяя шапка

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Зеленая шапка

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+3

13

Сверху что-то падает

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

# увеличивается по клику

Код:
<script src="http://www.blog-switch.com/widgets/83704/1641797008.js" type="text/javascript" charset="UTF-8"></script>
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;">

+4

14

Украшение наверху форума\сайта

Очень простой код, добавляющий наверх форума или сайта украшение. Если хотите чтобы украшение было прилеплено наверху, замените в этой строчке кода красное на fixed:

position: absolute;

Можно поставить любое бесшовное украшение! Нужно просто заменить в коде ссылку на изображение.

В html-верх или html-низ (для майбба), для других платформ надо ставить в поле, поддерживающее html:

Еловые ветки

# увеличивается по клику

Гирлянда 1

# увеличивается по клику

Гирлянда 2

# увеличивается по клику

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

© Источник

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

15

Анимация новогодней ёлки
адаптация от kolobdur74

# увеличивается по клику

Ставить код в любое место: body, объявление, в посты (если поддерживает html), в формы-html верх/низ (для майбб).

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0

16

Блуждающие частички (похожие на конфетти)
Увеличиваются при наведении!

# увеличивается по клику

Код

Ставим в формы-хтмл-верх (для форумов на майббе).
Для других площадок сразу после открывающего тега body.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Сам скрипт для компактности можно упаковать в файл и разместить код вот таким образом:

<canvas></canvas>
<script type="text/javascript" src="путь_к_файлу.js"></script>

© Источник

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

0