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

Поделиться721Сб, 3 Дек 2016 14:55:27

Автор: 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=http://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="http://forumstatic.ru/files/000a/45/08/58954.css">
<script type="text/javascript" src="http://forumstatic.ru/files/0008/3e/ff/95088.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/000a/45/08/88240.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/000a/45/08/66132.js"></script>
<!--окончание гирлянды-->
<style>
.b-page_newyear .b-head-decor{
position:fixed !important; /*фиксированное расположение*/
}
</style>

0

Поделиться722Сб, 3 Дек 2016 16:44:56

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1498
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 09:05:01

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

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

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

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

+1

Поделиться723Сб, 3 Дек 2016 19:02:26

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10892
Уважение: +7309
Позитив: +5320
Пол: Мужской
Последний визит:
Вчера 01:04:27

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

0

ВКонтакте alex__63

Поделиться724Сб, 3 Дек 2016 21:46:36

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1498
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 09:05:01

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

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

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

0

Поделиться725Вс, 4 Дек 2016 10:04:00

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

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

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

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

0

Поделиться726Вс, 4 Дек 2016 11:39:42

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2842
Уважение: +1570
Позитив: +2116
Пол: Мужской
Последний визит:
Вчера 06:40:23

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>

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

+2

Поделиться727Вс, 4 Дек 2016 12:43:57

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10892
Уважение: +7309
Позитив: +5320
Пол: Мужской
Последний визит:
Вчера 01:04:27

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

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

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

0

ВКонтакте alex__63

Поделиться728Вс, 4 Дек 2016 13:48:29

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

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

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

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

+1

Поделиться729Пн, 5 Дек 2016 13:26:43

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

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

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

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

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

0

Поделиться730Пн, 5 Дек 2016 16:08:17

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

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

0

Поделиться731Пн, 5 Дек 2016 16:09:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10892
Уважение: +7309
Позитив: +5320
Пол: Мужской
Последний визит:
Вчера 01:04:27

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

ВКонтакте alex__63

Поделиться732Вт, 6 Дек 2016 09:36:49

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

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

0

Поделиться733Вт, 6 Дек 2016 12:13:53

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

.

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

0

Поделиться734Вт, 6 Дек 2016 13:01:50

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

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

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

<script src="http://forumstatic.ru/files/0015/68/ac/41568.js"></script>

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

0

Поделиться735Вт, 6 Дек 2016 13:43:26

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

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

http://565.mybb.ru

.
.
.
.
.
.
.

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

0

Поделиться736Вт, 6 Дек 2016 15:22:30

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5821
Позитив: +6441
Пол: Мужской
Последний визит:
Чт, 16 Май 2024 23:37:28

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Вт, 6 Дек 2016 15:45:43

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

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

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

0

Поделиться738Вт, 6 Дек 2016 17:00:31

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5821
Позитив: +6441
Пол: Мужской
Последний визит:
Чт, 16 Май 2024 23:37:28

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Вт, 6 Дек 2016 20:32:25

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10892
Уважение: +7309
Позитив: +5320
Пол: Мужской
Последний визит:
Вчера 01:04:27

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

0

ВКонтакте alex__63

Поделиться740Вт, 6 Дек 2016 20:34:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10892
Уважение: +7309
Позитив: +5320
Пол: Мужской
Последний визит:
Вчера 01:04:27

Lidia-Lada написал(а):

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

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

0

ВКонтакте alex__63

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться721Сб, 3 Дек 2016 14:55:27

Поделиться722Сб, 3 Дек 2016 16:44:56

Поделиться723Сб, 3 Дек 2016 19:02:26

Поделиться724Сб, 3 Дек 2016 21:46:36

Поделиться725Вс, 4 Дек 2016 10:04:00

Поделиться726Вс, 4 Дек 2016 11:39:42

Поделиться727Вс, 4 Дек 2016 12:43:57

Поделиться728Вс, 4 Дек 2016 13:48:29

Поделиться729Пн, 5 Дек 2016 13:26:43

Поделиться730Пн, 5 Дек 2016 16:08:17

Поделиться731Пн, 5 Дек 2016 16:09:45

Поделиться732Вт, 6 Дек 2016 09:36:49

Поделиться733Вт, 6 Дек 2016 12:13:53

Поделиться734Вт, 6 Дек 2016 13:01:50

Поделиться735Вт, 6 Дек 2016 13:43:26

Поделиться736Вт, 6 Дек 2016 15:22:30

Поделиться737Вт, 6 Дек 2016 15:45:43

Поделиться738Вт, 6 Дек 2016 17:00:31

Поделиться739Вт, 6 Дек 2016 20:32:25

Поделиться740Вт, 6 Дек 2016 20:34:38