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

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

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


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


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

Сообщений 541 страница 560 из 653

1

Предыдущая тема: Новогодние украшения

http://s5.uploads.ru/ZvAG5.png

Исправленная ёлочка:

Код Ёлочки:
Код:
</div></div></div></div></div></div>
<style>.sell > div > b {color:#fff;text-shadow:1px 1px 3px #000;/*Фон Ника!*/background:#83798B;padding:0 3px 1px;border-radius:3px;}</style>
<style>#pun_wrap {display:none!important;}html,body{height:100%;background:#C6C8D4 url("https://forumstatic.ru/files/0013/65/ed/19383.jpg") no-repeat 50%!important;}</style>
<!-- ID Вашей темы! -->
<script> var temaID = 763; //ID Темы!; </script>
<!-- Форма Добавки  сообщения в Тему со своей Страницы -->
<script type="text/javascript" src="https://forumstatic.ru/files/000d/8d/19/58042.js"></script>
<!-- Елко-Отображение  -->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/65/ed/76531.js"></script>
<div id="pun_wrap2"><div><div><div><div><div><plaintext>

Или вариант с <noscript>:

Код:
</div></div></div></div></div></div>
<style>.sell > div > b {color:#fff;text-shadow:1px 1px 3px #000;/*Фон Ника!*/background:#83798B;padding:0 3px 1px;border-radius:3px;}</style>
<style>#pun_wrap {display:none!important;}html,body{height:100%;background:#C6C8D4 url("https://forumstatic.ru/files/0013/65/ed/19383.jpg") no-repeat 50%;}</style>
<!-- ID Вашей темы! -->
<script> var temaID = 763; //ID Темы!; </script>
<!-- Форма Добавки  сообщения в Тему со своей Страницы -->
<script type="text/javascript" src="https://forumstatic.ru/files/000d/8d/19/58042.js"></script>
<!-- Елко-Отображение  -->
<script type="text/javascript" src="https://forumstatic.ru/files/0013/65/ed/76531.js"></script>
<div id="pun_wrap2"><div><div><div><div><div><noscript><noscript><noscript><noscript>

var temaID = 763; - заменить на ID своей темы..

Другой фон Ёлочки (Пост 443)

Правка к елочке тем кто использует тему. Ссылки типа: [gift]https://forumstatic.ru/files/0013/65/ed/33816.png[/gift] теперь будут отображаться картинками в посту. Добавил к скрипту чтение в посту картинок вставленных на елочку.

Ставить НТМЛ в форме ответа:

Код:
<!--Преобразование игрушки в посту от елочки-->
<script type="text/javascript">
$(function(){
$('.post-content:contains("[gift")').each(function(){
var htmlgift = $(this).html().replace(/\[gift\]([^\[\]]+)\[\/gift\]/gi, "<img src='$1'>");
$(this).html(htmlgift)
});
 
$('.post-content:contains("[iмg")').each(function(){
var htmliмg = $(this).html().replace(/\[iмg\]([^\[\]]+)\[\/iмg\]/gi, "<img src='$1'>");
$(this).html(htmliмg)
});
});
</script>

От Деффа ставить НТМЛ низ:

<!--//Правка Картинок в теме с Пожеланиями для Ёлки//--><script>
if(document.URL.indexOf('/viewtopic.php?id=44')!=-1)(function(){
function replac(str, p1){   return '<img src="'+$('<p>'+p1 + '</p>').text()+'"/>';}
$('.post-content p').each(function(){
  $(this).html($(this).html().replace(/\[(?:(?:iмg)|(?:gift))\]([^\[\]]*)\[\/(?:(?:iмg)|(?:gift))\]/img,replac)); });}());
</script>

То что красным ставим ID своей темы.

Всем у кого проблема с работой ёлочки на русфе ставим в НТМЛ верх этот скрипт:

Код:
<!--отключение доп. функций-->
<script type="text/javascript">
RusffCore.sets.tags = false;
</script>

Или вариант от Деффа отключение только на странице с  темой подарков на Ёлку: (для Русфа)

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

<!--отключение доп. функций-->
<script type="text/javascript">
if(document.URL.indexOf('/post.php?tid=44')!=-1)RusffCore.sets.tags = false;
</script>

http://s5.uploads.ru/ZvAG5.png

Темы по Новому году:

Новогодние Скрипты и украшения [ 2010 ]
Новогодние Скрипты и украшения [ 2011 ]
Новогодние скрипты. Оформление на 2012 год
Новогодние смайлики (Готовимся к новому году)

Отредактировано kolobdur74 (Сб, 14 Дек 2019 16:07:57)

+6

541

У меня почему то под  гостем не хочет работать. Хотя группа включена.
http://forum-obscheniya.ru/pages.php?pa … zdravlenii

0

542

Guerlain
Работает. Классная у Вас ёлка, я бы стырил да совесть не позволяет.

+1

543

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

У меня почему то под  гостем не хочет работать. Хотя группа включена.

У меня работает!!
Добавьте скрипт для кнопок в форме: Пост 518 этой темы   :flag:

0

544

Домовой написал(а):

я бы стырил

Если кому понравилось, забирайте. Я не против!

0

545

В общем, никак... не выходит у меня под гостем оставить пожелание.

Кнопка "отправить" в обще не реагирует.

-

https://forumupload.ru/uploads/0000/14/1c/31992/225889.png

А нажимаю два раза  выкидывает обратно на форум с сообщением о том, что  "Вы не имеете прав для доступа к этой странице."
Ладно, не буду заморачиваться.
Если другие гости могут оставить пожелание, значит у меня или браузер не правильный или... не знаю, в чём может быть проблема.

0

546

Поменял картинку на счетчике обратного отсчета до Нового 2021 года.

https://forumupload.ru/uploads/0000/14/1c/35003/t11608.jpg

+2

547

Guerlain
Днём с телефона с оперы получилось повесить игрушку, сейчас с планшета с оперы не отправляется. Никуда не перебрасывает, просто не отправляется

0

548

Домовой написал(а):

Днём с телефона с оперы получилось повесить игрушку, сейчас с планшета с оперы не отправляется. Никуда не перебрасывает, просто не отправляется

Значит что то этому мешает.
А возможен конфликт скриптов?

0

549

Вылез баг, при вставке в пожелания на елочку фотографии, точнее не на елочку, на елочке все ОК. А когда эта фотография дублируется в соответствующей ветке форума. Фотография вставляется в полном размере, и если размер ее не соответствует разметке ветки форума, она обрезается. Таким образом выкладывается только кусок фотки.

так это выглядит на елке

https://forumupload.ru/uploads/0000/14/1c/35003/t839879.jpg

а так это выходит в ветке форума

https://forumupload.ru/uploads/0000/14/1c/35003/t404842.jpg

если вставлять эту фотку непосредственно в ветку форума, то тоже все ОК

https://forumupload.ru/uploads/0000/14/1c/35003/t714273.jpg

з.ы. Похоже она обрезается только по ширине. Высота осталась прежней.

Отредактировано Alvig (Пн, 14 Дек 2020 05:58:50)

0

550

Alvig
Кинь ссылку на пост с проблемой, видный гостю(похоже она не обрезается реально, а обрезает элемент с overwlow-x: hidden (наверно можно сделать пропорциональное уменьшение размеров(походу проблема только с мобильного ?

Отредактировано Deff (Пн, 14 Дек 2020 06:33:02)

0

551

Deff
нет, это скрины с браузера Хром, ОС Вынь7. С мобильного тоже самое, проверил.

0

552

Alvig
Ну один фиг, пока сам не гляну, по картинке трудно сказать и что-то предложить  :dontknow:

0

553

В мобильном стиле фотка не обрезается
Deff
Мобильный стиль работает только в вертикальном положении планшета, если его повернуть горизонтально, стиль переходит в обычный и фотка обрезается!

Отредактировано Alvig (Пн, 14 Дек 2020 06:54:37)

0

554

Браузеры не причем, проверил в Хроме, Лисе и IE, везде обрезается

+1

555

Alvig
Добавь строчки красным в первое Окно стиля:

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  max-width: 100%;
  padding: 0 0 1em 0;
  line-height: 150%;
}
/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom;
  max-width: 100%;
}

+2

556

Deff
Отлично! Работает  :cool:
https://forumupload.ru/uploads/0000/14/1c/35003/t463552.jpg

+2

557

Deff
Проверил на планшете, при перевороте его в горизонтальное положение, тоже все хорошо  :jumping:

+2

558

Домовой написал(а):

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

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

Там в этом скрипте, внутри фрейма =>     'src':'https://forumstatic.ru/files/0013/61/d9/37360.js' ccылка на флеш-плеер, который не работает... (да и сайт загнулся... думаю, можно попросить @Romych , он сможет эту же мелодию вставить в проигрыватель самого браузера на HTML5

Мда, ну и задачку вы мне задали. Воткнуть самовоспроизводящееся аудио в существующий код было не проблемой. Проблемой было его заткнуть, поскольку после закрытий всплывающего окна оно продолжало играть, хотя начинало играть только после нажатия на Деда Мороза с появлением поздравления.
Пошёл другим путём и аудио вообще отказалось воспроизводиться в некоторых браузерах, так как политика Хрома блокирует аудио во всех всплывающих окнах без явного согласия на то пользователя (через какое-нибудь событие). Но мы же тут имеем дело с попап окном.
Пошёл третьим путём. Вообще отказаться от предложенного кода в пользу jGrowl

получается пока так (с  наскоро слепленным стилем)

Код:
<style>
#ded-moroz {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/50082.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/59685.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}
.jGrowl .NewYar {background:url(https://forumstatic.ru/files/000a/45/08/98227.jpg) no-repeat;padding: 3px;text-align:center;font-size:18px;width: 843px !important;height: 702px !important;opacity: 1;}
.jGrowl .NewYar .jGrowl-close {color: red;}

.newyear-sneg-layer1 {
	-webkit-animation : dropFlowParticles 2s linear infinite;
	-o-animation : dropFlowParticles 2s linear infinite;
    animation: dropFlowParticles 2s linear infinite;
    background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0002/10/47/35447.png") repeat scroll 0 0;
}

.newyear-sneg-layer2 {
    -webkit-animation: dropFlowParticles 12s linear infinite;
    -o-animation: dropFlowParticles 12s linear infinite;
    animation: dropFlowParticles 12s linear infinite;
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0002/10/47/64450.png) repeat scroll 0 0;
    height: 600px;
width: 800px;
    position: relative;
    top: 0px;
}

.newyear-pozdrava {
    height: 602px;
    -webkit-animation: dropFlowParticles 27s linear infinite;
    -o-animation: dropFlowParticles 27s linear infinite;
    animation: dropFlowParticles 27s linear infinite;
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0002/10/47/50326.png) repeat scroll 0 0;
    z-index: 9999;
    position: absolute;
    top: 20px;
width: 800px;
}

@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}
</style>

<script type="text/javascript">
$(document).on('click','#ded-moroz', function (){
var audio = new Audio('http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3');audio.play();
$.jGrowl('<div id="newyear"><div class="newyear-sneg-layer1"></div><div class="newyear-sneg-layer2"></div><div class="newyear-pozdrava"><div class="newyear-pozdrava-title">С Новым 2021 Годом!!!</div><br><div class="newyear-pozdrava-desc">Желаю в наступающем новом году,чтобы Вы нашли волшебную шкатулку и достали из нее любовь и достаток в свой дом,улыбки друзей,уважение коллег,признание начальства,здоровье для себя и своих близких,удачу во всех делах,хорошее настроение,улыбки и море позитива на весь год.<br>Удачи,море веселья и всего самого наилучшего Вам.<br>С наступающим Новым 2021 Годом дорогие друзья!!!</div></div></div>',{theme:'NewYar',position:'center',sticky:true,close: function(e,m,o) {audio.pause();}})

});
</script>

<a href="javascript:void(0)"><div id="ded-moroz"></div></a>

+6

559

Romych
Пасибки!!!

По идее, мон было фрейм с Попап оставить как есть, а плеер прилепить к клику и деду морозу ?( Это идёт как вопрос ...)

Отредактировано Deff (Чт, 17 Дек 2020 03:47:39)

+1

560

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

По идее, мон было фрейм с Попап оставить как есть, а плеер прилепить к клику и деду морозу ?( Это идёт как вопрос ...)

Да пытался я так сделать, не получалось

Что получилось (большая картинка)

Добавил автоматическое закрытие поздравительного окна после окончания мелодии и немного ещё поковырялся со стилем, хотя в стилях я не силён. Может кто-то доведёт до ума

Код:
<style>
#ded-moroz {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/50082.png) 100%  100% no-repeat;
bottom:0;
height:200px;
width:99px;
right:0;
}
#ded-moroz:hover {
position:fixed;
background:url(https://forumstatic.ru/files/000a/45/08/59685.png)100% 100% no-repeat;
bottom:0;
height:250px;
width:220px;
right:0;
}

.newyear-pozdrava{
padding:130px 90px 90px !important;
}
.newyear-pozdrava-title{
text-align:center;
}

.newyear-pozdrava-title svg {
    display: block;
    font: italic 42px/42px Georgia;
    letter-spacing: 10px;
    width: 660px;
    height: 150px;
    text-shadow: 2px 2px 2px #333 !important;
}
.text-copy {
fill: none;
stroke: white;
stroke-dasharray: 6% 29%;
stroke-width: 5px;
stroke-dashoffset: 0%;
animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){stroke: #4D163D;animation-delay: -1;}
.text-copy:nth-child(2){stroke: #840037;animation-delay: -2s;}
.text-copy:nth-child(3){stroke: #BD0034;animation-delay: -3s;}
.text-copy:nth-child(4){stroke: #BD0034;animation-delay: -4s;}
.text-copy:nth-child(5){stroke: #FDB731;animation-delay: -5s;}

@keyframes stroke-offset{
 100% {stroke-dashoffset: -35%;}
}


.newyear-pozdrava-desc{
text-align:justify;font:italic 21px/21px Georgia;color: #D0B857;text-shadow:1px 1px 0px #ff0000;line-height:1.2 !important;width: 700px;
}

.jGrowl .NewYar {background:url(https://forumstatic.ru/files/000a/45/08/98227.jpg) no-repeat;padding: 3px;text-align:center;font-size:18px;width: 843px !important;height: 702px !important;opacity: 1;}
.jGrowl .NewYar .jGrowl-close {color: red;}

.newyear-sneg-layer1 {
	-webkit-animation : dropFlowParticles 2s linear infinite;
	-o-animation : dropFlowParticles 2s linear infinite;
    animation: dropFlowParticles 2s linear infinite;
    background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0002/10/47/35447.png") repeat scroll 0 0;
}

.newyear-sneg-layer2 {
    -webkit-animation: dropFlowParticles 12s linear infinite;
    -o-animation: dropFlowParticles 12s linear infinite;
    animation: dropFlowParticles 12s linear infinite;
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0002/10/47/64450.png) repeat scroll 0 0;
    height: 600px;
width: 800px;
    position: relative;
    top: 0px;
}

.newyear-pozdrava {
    height: 413px;
    -webkit-animation: dropFlowParticles 27s linear infinite;
    -o-animation: dropFlowParticles 27s linear infinite;
    animation: dropFlowParticles 27s linear infinite;
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/0002/10/47/50326.png) repeat scroll 0 0;
    z-index: 9999;
    position: absolute;
    top: 20px;
width: 716px;
}

@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}
</style>

<script type="text/javascript">
$(document).on('click','#ded-moroz', function (){
var audio = new Audio('http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3');audio.play();
$.jGrowl('<div id="newyear"><div class="newyear-sneg-layer1"></div><div class="newyear-sneg-layer2"></div><div class="newyear-pozdrava"><div class="newyear-pozdrava-title"><svg viewBox="0 0 660 150"><symbol id="s-text"><text text-anchor="middle"x="50%"y="80%">С Новым 2021 Годом!!!</text></symbol><g class="g-ants"><use xlink:href="#s-text"class="text-copy"></use><use xlink:href="#s-text"class="text-copy"></use><use xlink:href="#s-text"class="text-copy"></use><use xlink:href="#s-text"class="text-copy"></use><use xlink:href="#s-text"class="text-copy"></use></g></svg></div><br><div class="newyear-pozdrava-desc">Желаю в наступающем новом году,чтобы Вы нашли волшебную шкатулку и достали из нее любовь и достаток в свой дом,улыбки друзей,уважение коллег,признание начальства,здоровье для себя и своих близких,удачу во всех делах,хорошее настроение,улыбки и море позитива на весь год.<br>Удачи,море веселья и всего самого наилучшего Вам.<br>С наступающим Новым 2021 Годом дорогие друзья!!!</div></div></div>',{theme:'NewYar',position:'center',life:130e3,close: function(e,m,o) {audio.pause();}})
});
</script>

<a href="javascript:void(0)"><div id="ded-moroz"></div></a>

+3


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