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

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

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

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

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

Страница:   1 … 35 36 37 38 39 … 51  
Тема закрыта

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

721

  • Автор: sansa
  • Заслуженный
  • Зарегистрирован: Вт, 4 Мар 2014
  • Сообщений: 126
  • Уважение: +7
  • Позитив: +35
  • Последний визит:
    Вт, 7 Май 2019 11:58:34
Домовой написал(а):

<style>
.b-page_newyear .b-head-decor{
position:fixed !important; /*фиксированное расположение*/
}
</style>

Спасибо за ответ, переставила, но все равно не звучит в гугле. В Мазиле играет.   http://wwwigraprestolov2014.build2.ru/       
   Скрипт стоит     

Код:
<script type=text/javascript src=https://forumstatic.ru/files/0013/61/d9/11979.js></script>

<div style="position:absolute; right:0%; top:0px;"><img src="http://s6.uploads.ru/jTIBZ.png" border="0" /></div>
<div style="position:absolute; left:0%; top:0px;"><img src="http://uploads.ru/i/i/Z/7/iZ7j9.png" border="0" /></div>

<!-- динамичная гирлянда -->
<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>

0

722

  • Автор: Домовой
  • Cтарожил
  • Домовой
  • Зарегистрирован: Пн, 22 Сен 2008
  • Сообщений: 5079
  • Уважение: +1499
  • Позитив: +854
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Ноя 2024 21:39:49
sansa написал(а):

Спасибо за ответ, переставила, но все равно не звучит в гугле. В Мазиле играет.

В хроме вверху справа есть иконка, нажмите на неё и сделайте как на скриншоте

http://s3.uploads.ru/t/G2bhF.jpg

Нажмите кнопку Готово и будет Вам счастье. :glasses:

+1

723

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:23:52

Домовой
Хм, а разве звук в гирлянде работает через флешь?

0

724

  • Автор: Домовой
  • Cтарожил
  • Домовой
  • Зарегистрирован: Пн, 22 Сен 2008
  • Сообщений: 5079
  • Уважение: +1499
  • Позитив: +854
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Ноя 2024 21:39:49
Alex_63 написал(а):

Хм, а разве звук в гирлянде работает через флешь?

Эт я не понимаю. Но у себя в хроме пока так не сделал тоже музона не было.

0

725

  • Автор: Kasatka
  • Заслуженный
  • Kasatka
  • Зарегистрирован: Вс, 27 Дек 2015
  • Сообщений: 69
  • Уважение: +22
  • Позитив: +41
  • Пол: Женский
  • Последний визит:
    Чт, 20 Фев 2020 18:13:43
Домовой написал(а):

https://lifeunion.ru/styles/SHNewYear/lapy.png

Скажите пожалуйста, а можно ли только снежок,а елки маленькие убрать?
а то у нас слишком много елок получается))
http://httpss.mybb.ru/

0

726

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2899
  • Уважение: +1599
  • Позитив: +2188
  • Пол: Мужской
  • Последний визит:
    Сегодня 07:42:58

Kasatka
уберите в коде
https://lifeunion.ru/styles/SHNewYear/snow_c_b.png
и елочки не будет, правда вместе с центральным снежком ибо елочка в сугробе.
Можно просто в фотошопе затереть елочку оставив снежок и заменить вышеуказанную ссылку.

Добавлено спустя 4 минуты 29 секунд:
Вот убрал на скорую руку:
http://i1.imageban.ru/out/2016/12/04/e4 … c8fd22.png

вот полный код с заменой ссылки:

Код:
<!--Новогоднее-->
<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(http://i1.imageban.ru/out/2016/12/04/e42f82f14f34e0e298dcd77956c8fd22.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://s8.uploads.ru/t/hVTKL.jpg

Отредактировано ACT3255 (Вс, 4 Дек 2016 11:51:23)

+2

727

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:23:52
Домовой написал(а):

Эт я не понимаю. Но у себя в хроме пока так не сделал тоже музона не было.

Хм - странно, нун будет посмотреть.. (Сейчас мон сделать кроссбраузерно на HTML5 без всякого флешь

0

728

  • Автор: Kasatka
  • Заслуженный
  • Kasatka
  • Зарегистрирован: Вс, 27 Дек 2015
  • Сообщений: 69
  • Уважение: +22
  • Позитив: +41
  • Пол: Женский
  • Последний визит:
    Чт, 20 Фев 2020 18:13:43
ACT3255 написал(а):

вот полный код с заменой ссылки:

Большущее спасибо!!! :love:

+1

729

  • Автор: sansa
  • Заслуженный
  • Зарегистрирован: Вт, 4 Мар 2014
  • Сообщений: 126
  • Уважение: +7
  • Позитив: +35
  • Последний визит:
    Вт, 7 Май 2019 11:58:34
Домовой написал(а):

В хроме вверху справа есть иконка, нажмите на неё и сделайте как на скриншоте

Нажмите кнопку Готово и будет Вам счастье.

:cool:  :flirt: Спасибо огромное!

0

730

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

Поставила вот этот код, снег в шапке идет, но теперь не видно самой шапки. Если ставлю фон шапки не на #pun-title table, а на #pun-title, ее тоже не видно. http://almarein.mybb.ru/

0

731

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:23:52

Mirra Bell
:glasses:

Код:
/* зимнее оформление шапки */
#pun-title {
        -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;
}
 
#title-logo-table > tbody {
	-webkit-animation : dropFlowParticles 12s linear infinite;
	-o-animation : dropFlowParticles 12s linear infinite;
    animation: dropFlowParticles 12s linear infinite;
    background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/64450.png") repeat scroll 0 0;
}
 
tr#title-logo-tr {
	-webkit-animation : dropFlowParticles 27s linear infinite;
	-o-animation : dropFlowParticles 27s linear infinite;
    animation: dropFlowParticles 27s linear infinite;
    background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/50326.png") repeat scroll 0 0;
}
 
@-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; }
}

+1

732

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

Alex_63
Спасибо! Все круто )

0

733

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

.

Отредактировано Mirra Bell (Вт, 6 Дек 2016 15:45:06)

0

734

  • Автор: Lidia-Lada
  • Заслуженный
  • Lidia-Lada
  • Зарегистрирован: Вс, 29 Мар 2015
  • Сообщений: 504
  • Уважение: +303
  • Позитив: +217
  • Пол: Женский
  • Последний визит:
    Пн, 17 Окт 2022 21:13:13

Я прочитала, что любой снег грузит форум весьма сильно. А есть вариант, который и красивый, и оптимальный "по-загруженности"?

У меня в прошлом году стоял этот, ветер "дует" в зависимости от положения курсора:

<!-- Снег -->
<script src="https://forumstatic.ru/files/0015/68/ac/41568.js"></script>

Взят отсюда http://www.schillmania.com/projects/snowstorm/
Нет возможности тестить скорость загрузки. Может кто сталкивался и знает?

0

735

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Интересный эффект снег в шапке. Только у меня что-то ниже шапки идёт. Как сделать чтобы и шапка была в снегу?

http://565.mybb.ru

.
.
.
.
.
.
.

Отредактировано kleo3333 (Пн, 16 Янв 2017 13:40:10)

0

736

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kleo3333 написал(а):

Интересный эффект снег в шапке. Только у меня что-то ниже шапки идёт. Как сделать чтобы и шапка была в снегу?

Ну, вот такой можно попробовать изврат:

Код:
<table class=zima_logo1>
<tbody class=zima_logo2>
<tr class=zima_logo3>
<td><td> 
</tr></tbody></table>
<style>.zima_logo1 td {  
width: 100%; 
height:84px; 
margin: 0;
position: relative;
}
.zima_logo1 {width: 100%; 
background: url(http://i85.fastpic.ru/big/2016/1206/a4/3febc7c639ada40b10487d9a3cd868a4.jpg) no-repeat;
height:84px;
position: relative;
z-index:1;
}
</style>

<style>
/* зимнее оформление шапки */
#pun-announcement .container {color: transparent!important}

#pun-title table, .zima_logo2 {
	-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;
}
 
#title-logo-table > tbody, .zima_logo3 {
	-webkit-animation : dropFlowParticles 12s linear infinite;
	-o-animation : dropFlowParticles 12s linear infinite;
    animation: dropFlowParticles 12s linear infinite;
    background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/64450.png") repeat scroll 0 0;
}
 
tr#title-logo-tr, .zima_logo1 td {
	-webkit-animation : dropFlowParticles 27s linear infinite;
	-o-animation : dropFlowParticles 27s linear infinite;
    animation: dropFlowParticles 4007s linear infinite;
    background: rgba(0, 0, 0, 0) url("http://petushki-city.ru/files/0002/10/47/50326.png") repeat scroll 0 0;
}
 
@-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>

Убрать перед установкой:

<img id="Mylogo" src="http://i85.fastpic.ru/big/2016/1206/a4/3febc7c639ada40b10487d9a3cd868a4.jpg" /> <style>#Mylogo {  width: 105%;  margin: 0 -31px;}</style>
<style>

0

737

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

А как этот снег ужать по вертикали до размеров шапки? Когда я меняю здесь: background-position: 0 413px; ничего не происходит. И даже если сами картинки делаю в размер шапки, они все равно вылазят за нее, сейчас их высота 250px http://almarein.mybb.ru/

Отредактировано Mirra Bell (Вт, 6 Дек 2016 15:54:45)

0

738

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
Mirra Bell написал(а):

А как этот снег ужать по вертикали до размеров шапки? Когда я меняю здесь: background-position: 0 413px; ничего не происходит. И даже если сами картинки делаю в размер шапки, они все равно вылазят за нее, сейчас их высота 250px http://almarein.mybb.ru/

Там идет привязка к конкретной таблице: #pun-title table
А у вас:

#pun-title table {
border: none;
height: 388px;
width: 200%;
margin-left: -455px;
}

Какая высота #pun-title table такая высота и падения снега..

0

739

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:23:52

kolobdur74
Мон сделать через :before... или after...///Mirra Bell Напомните завтра... мож нарисую код..

0

740

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:23:52
Lidia-Lada написал(а):

У меня в прошлом году стоял этот, ветер "дует" в зависимости от положения курсора:

Попробуйте его поставить... думаю если работал и не было нареканий - то норм...
//а влияет это не на скорость загрузки  -а на загруженность оперативки и проца компа(или иного девайса

0

Тема закрыта
Страница:   1 … 35 36 37 38 39 … 51  

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