Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения
Вот в это скрипте(речь за исходный скрипт) https://forumstatic.ru/files/0013/65/ed/58042.js в этом куске нужно поменять ссылки cо "справки" на http://mybb.forum4.ru/:
ага, понял. попробую.
Deff
Спасибо огромное. Теперь снежок работает как надо)) 
Спасибо огромное. Теперь снежок работает как надо))
Я бы убрал из кода первую часть, то есть самые крупные снежинки
#pun-title table {
height:450px;
-webkit-animation : dropFlowParticles 2s linear infinite;
-o-animation : dropFlowParticles 2s linear infinite;
animation: dropFlowParticles 2s linear infinite;
background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/35447.png") repeat scroll 0 0;
}На мой взгляд станет интересней смотреться.
Такую сборку наваял если кому надо:
Примеры:
Снежок и елочка:
Ветка под аватаром:
Ставить вниз НТМЛ верха:
<!--Новогоднее-->
<style>
#pun-navlinks, .category, #pun-stats, li.pa-avatar, .multipage {position: relative;}
.helper {
background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat scroll 0% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_c_b.png) no-repeat scroll 50% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat scroll 100% 0% !important;
display: block;
height: 30px;
left: -5px;
padding: 0 5px;
position: absolute;
top: -17px;
width: 100%;
}
li.pa-avatar:after {
background: url(https://lifeunion.ru/styles/SHNewYear/lapy.png) no-repeat scroll left transparent;
content: "";
display: block;
height: 100px;
width: 210px;
margin-top: -40px;
position: absolute;
}
li.pa-avatar {margin-bottom:50px;}
</style>
<script>
$(document).ready(function() {
$("#pun-navlinks, .category, #pun-stats, .multipage").prepend("<span class='helper'></span>");
});
</script>Снежок - картинки в коде можно заменить здесь:
background: url([b][color=red]https://lifeunion.ru/styles/SHNewYear/snow_l_b.png[/color][/b]) no-repeat scroll 0% 0%, url([b][color=red]https://lifeunion.ru/styles/SHNewYear/snow_c_b.png[/color][/b]) no-repeat scroll 50% 0%, url([b][color=red]https://lifeunion.ru/styles/SHNewYear/snow_r_b.png[/color][/b]) no-repeat scroll 100% 0% !important;
Ветку под аватаром можно вставить свою здесь:
background: url(https://lifeunion.ru/styles/SHNewYear/lapy.png) no-repeat scroll left transparent;
Отредактировано kolobdur74 (Вт, 29 Ноя 2016 02:10:59)
kolobdur74
Ну думаю можно обойтись и без скрипта, добавлять снег тоже через :before
<!--Новогоднее-->
<style>
#pun-navlinks, .category, #pun-stats, li.pa-avatar, .multipage {position: relative;}
#pun-navlinks:before, .category:before, #pun-stats:before, .multipage:before {
background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat scroll 0% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_c_b.png) no-repeat scroll 50% 0%, url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat scroll 100% 0% !important;
display: block; content:"";
height: 30px;
left: -5px;
padding: 0 5px;
position: absolute;
top: -17px;
width: 100%;
}
li.pa-avatar:after {
background: url(https://lifeunion.ru/styles/SHNewYear/lapy.png) no-repeat scroll left transparent;
content: "";
display: block;
height: 100px;
width: 210px;
margin-top: -40px;
position: absolute;
}
li.pa-avatar {margin-bottom:50px;}
</style>(Код не тестировал)
(Код не тестировал)
Я протестировал. Всё отлично получилось. Правда ёлку под аватар чуть подправил и свою картинку вставил. Думаю моим барышням понравится))
http://alieparusa.mybb.ru
http://alieparusa.mybb.ru/viewtopic.php?id=2#p563
kolobdur74
Отличная сборка 
, поставил себе.
Домовой, СПС!
(*Выложу тут Вариант с твоей картинкой еловой ветки под Аватаркой: (Чуть сократил код
В HTML верх
<!-- Новогоднее © kolobdur74, Alex_63, Домовой -->
<style type="text/css">
#pun-navlinks,.category,#pun-stats,li.pa-avatar,.multipage {position:relative;}
#pun-navlinks:before,.category:before,#pun-stats:before,.multipage:before {
background: url(https://lifeunion.ru/styles/SHNewYear/snow_l_b.png) no-repeat 0 0,
url(https://lifeunion.ru/styles/SHNewYear/snow_c_b.png) no-repeat 50% 0,
url(https://lifeunion.ru/styles/SHNewYear/snow_r_b.png) no-repeat 100% 0;
display:block;content:"";
height:30px;width:100%;
top:-17px;left:-5px;
padding:0 5px;
position:absolute;
}
li.pa-avatar:after {
background:url(http://j-p-g.net/if/2016/11/29/0269079001480437232.png) no-repeat center;
content:"";display:block;
height:80px;width:100%;
padding:0 3px;
margin:-60px 0 -20px -3px;
position: relative;
}
</style>Alex_63
А эти коды можно использовать на любом форуме? где гирлянды
Angler, Ну вроде на любом - Пробуйте, ежли что - поправим
Alex_63
Спасибо, установил на форум, работает, выглядит красиво, радует глаз
http://trainzsim.ru здесь снег и елка а здесь гирлянды http://trainzsim.ru/viewtopic.php?id=27 посмотрите как выглядит
Только вот не понял, как сделать чтобы снег пошел на форуме ?
Отредактировано Angler (Вт, 29 Ноя 2016 20:09:29)
Только вот не понял, как сделать чтобы снег пошел на форуме ?
Ну посмотрите по теме, тут вроде были варианты
Ну думаю можно обойтись и без скрипта, добавлять снег тоже через :before
Я тоже подумал, но кураж потерялся, поэтому как собралось так собралось)) before - понятно лучше))
Только вот не понял, как сделать чтобы снег пошел на форуме ?
Любой снег грузит форум сильно - учтите это.. С учетом, что все современные браузеры по оптимизации так себе, стоит учитывать этот нюанс..
kolobdur74
Alex_63
Домовой
Спасибо вам огромное! Такая прелесть!!!
kolobdur74
Учел, передумал ставить, помнится, как ранее сайт тормозил.
Angler
Лучше снег перенесите с #pun-navlinks на #pun-ulinks - гармоничнее будет смотреться, это здесь:
<!-- Новогоднее © kolobdur74, Alex_63, Домовой -->
<style type="text/css">
#pun-navlinks,.category,#pun-stats,li.pa-avatar,.multipage {position:relative;}
#pun-navlinks:before,.category:before,#pun-stats:before,.multipage:before {
А если будет наезжать на меню, то можно сделать больший отступ, к примеру:
#pun-ulinks .container {
padding-top: 1em;
}
Менять цифру отмеченную красным - по умолчанию стоит 0.7.
Не работает звук гирлянды в Гугле. Что можно сделать, подскажите.
Спасибо.
Не работает звук гирлянды в Гугле. Что можно сделать, подскажите.
Не знаю что Вы ставите. Вот это точно работает вхроме, и не только. Проверял.
<!-- динамичная гирлянда -->
<link rel="stylesheet" href="https://forumstatic.ru/files/000a/45/08/58954.css">
<script type="text/javascript" src="https://forumstatic.ru/files/0008/3e/ff/95088.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/88240.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/66132.js"></script>
<!--окончание гирлянды-->
И если понадобится
<style>
.b-page_newyear .b-head-decor{
position:fixed !important; /*фиксированное расположение*/
}
</style>
Вопрос по елке пожеланий.
Можно ли как-то регулировать расположение подарков на елке?
http://httpss.mybb.ru/pages/yolka_zhelanii
И еще,возможно ли адресовать подарок конкретному пользователю?
Например "Солнышку от Светика" или просто,чтобы на подарке отображался адресат?
Например "Солнышку от Светика" или просто,чтобы на подарке отображался адресат?
Ну впишите в поле "Желание"
Можно ли как-то регулировать расположение подарков на елке?
Вот тут не знаю, надо ждать Deff'а, но он наверно не скоро появится...
Вы здесь » Единый форум поддержки » Форум для новичков » Новогодние украшения