здесь всё написано доступно
Новогодние украшения
Сообщений 941 страница 960 из 1011
Поделиться942Вс, 26 Ноя 2017 21:28:53
Aleksandr_95
в яндекс браузере звук есть а герлянды нет((
Поделиться943Вс, 26 Ноя 2017 22:09:39
вроде получилось..
Поделиться944Вс, 26 Ноя 2017 22:13:41
ACT3255
привет, помогите сугроб на разделы форума положить..
что нуно делать...?
Поделиться945Пн, 27 Ноя 2017 14:53:12
Тут наткнулся на прикольного Санту катающегося справа налево по форуму:
В НТМЛ верх:
<!-- Санта на оленях --> <style> .santa { position: fixed; bottom: 10px; right: -500px; z-index: 1000; } </style> <script type="text/javascript"> $(document).ready(function() { var windowWidth = $(document).width(); var santa = $('.santa'); santa_right_pos = windowWidth + santa.width(); santa.right = santa_right_pos; function movesanta(){ santa.animate({right : windowWidth + santa.width()},15000, function(){ santa.css("right","-500px"); setTimeout(function(){ movesanta(); },10000); }); } movesanta(); }); </script> <div class="santa"><img src="https://forumstatic.ru/files/000d/8d/19/26680.gif" alt="" /></div>
Поделиться946Пн, 27 Ноя 2017 16:09:15
Здравствуйте. Подскажите, пожалуйста, есть ли такой скрипт, с помощью которого поверх аватаров всех пользователей (с учетом того, что они стандартно 180х180 пикс) можно будет добавить анимацию падающего снега? с прозрачным фоном, естественно.
Поделиться947Пн, 27 Ноя 2017 18:22:31
Здравствуйте. Подскажите, пожалуйста, есть ли такой скрипт, с помощью которого поверх аватаров всех пользователей (с учетом того, что они стандартно 180х180 пикс) можно будет добавить анимацию падающего снега? с прозрачным фоном, естественно.
Ну, проверьте такой вариант (ставить НТМЛ верх):
<!-- Снег на аватарке --> <style> .pa-avatar { position: relative; } .sneg { position: absolute; width: 180px; height: 180px; margin-left: 0px; background: url(https://forumstatic.ru/files/0013/49/9f/62008.gif) repeat; } </style> <script> $(document).ready(function(){ $(".pa-avatar img").before("<div class='sneg'></div>"); }); </script>
Если снег не встал ровно на аватар, подвиньте его здесь: margin-left: 0px; - вместо 0 поставьте нужный отступ слева.
Или лучше на чистом css:
<!-- Снег на аватарке --> <style> .pa-avatar { position: relative; } .pa-avatar:before { content: ""; position: absolute; z-index: 1000; top: 0px; left: 80px; width: 180px; height: 180px; background: url(https://forumstatic.ru/files/0013/49/9f/62008.gif) repeat; } </style>
Регулируем положение здесь:
top: 0px; - отступ сверху
left: 80px; - отступ слева
Отредактировано kolobdur74 (Пн, 27 Ноя 2017 18:36:37)
Поделиться948Пн, 27 Ноя 2017 18:35:45
kolobdur74
спасибо! все встало ровненько, и красиво)
Поделиться949Пн, 27 Ноя 2017 18:37:23
спасибо! все встало ровненько, и красиво)
Я добавил вариант без скрипта на чистом css - проверьте его он поменьше будет грузить форум..
Поделиться950Пн, 27 Ноя 2017 19:08:06
Помогите, пожалуйста. Добавила гирлянду , снег и санту на форум. Когда добавила Санту на санках , верх форума закрыла гирлянда. Не могу теперь зайти в администрирование .
Поделиться951Пн, 27 Ноя 2017 19:12:23
Помогите, пожалуйста. Добавила гирлянду , снег и санту на форум. Когда добавила Санту на санках , верх форума закрыла гирлянда. Не могу теперь зайти в администрирование .
Добавьте в НТМЛ верх:
<style> #pun-navlinks { margin-top: 110px; } </style>
Когда будете убирать гирлянду не забудьте этот код удалить..
Поделиться952Пн, 27 Ноя 2017 19:16:53
Не могу теперь зайти в администрирование .
зайдите по этой ссылке
http://childfree.mybb.ru/admin_index.php
К гирлянде надо добавить код
<style> body { margin-top:60px;!important; } </style>
он опустит форум под гирлянду
Поделиться953Пн, 27 Ноя 2017 19:47:43
зайдите по этой ссылке
http://childfree.mybb.ru/admin_index.php
К гирлянде надо добавить код
Спасибо.
Код добавила, но только , когда Санту убрала из НТМЛ Верха , гирлянда поднялась.
А динамичная гирлянда и снег у меня были в НТМЛ низ.
Отредактировано Germionna (Пн, 27 Ноя 2017 20:07:39)
Поделиться954Вт, 28 Ноя 2017 15:16:11
Добавила сугробы. Теперь при прокрутке форума вниз гирлянду не видно. Она движется за форумом.
Поделиться955Вт, 28 Ноя 2017 15:57:00
Добавила сугробы. Теперь при прокрутке форума вниз гирлянду не видно. Она движется за форумом.
Добавьте сюда:
.b-page_newyear .b-head-decor{
position:absolute;
top:0px;
left:0;
display:block;
height:115px;
width:100%;
overflow:hidden;
background:url(https://forumstatic.ru/files/000a/45/08/28925.png) repeat-x 0 0;
}
Вот этот код: z-index: 1000;
Должно получиться так:
.b-page_newyear .b-head-decor{ position:absolute; top:0px; left:0; display:block; height:115px; width:100%; overflow:hidden; background:url(https://forumstatic.ru/files/000a/45/08/28925.png) repeat-x 0 0; z-index: 1000; }
Или отдельно поставьте:
<style> .b-page_newyear .b-head-decor{ z-index: 1000; } </style>
Отредактировано kolobdur74 (Вт, 28 Ноя 2017 15:59:34)
Поделиться956Вт, 28 Ноя 2017 16:16:05
Теперь видно. Спасибо))
Поделиться957Вт, 28 Ноя 2017 17:05:18
Флеш снеговики
<div style="position:fixed;bottom:0;left:0;z-index: 999;"> <object data="https://forumstatic.ru/files/000a/45/08/48513.swf" type="application/x-shockwave-flash" width="250px" height="250px"><param name="expressInstaller" value="https://forumstatic.ru/files/000a/45/08/48513.swf"><param name="wmode" value="transparent"><param name="menu" value="false"><param name="scale" value="scale"><param name="movie" value="https://forumstatic.ru/files/000a/45/08/48513.swf"></object> </div>
******************************************************************************
<div style="position:fixed;bottom:0;right:0;z-index: 999;"> <script src="https://forumstatic.ru/files/000a/45/08/13125.js" type="text/javascript"></script> </div>
*****************************************************************************
<div style="position:fixed; bottom:0; left:0; z-index: 9999;""> <script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/99695.js"></script> <script type="text/javascript">if (FlashDetect.installed) {document.write('<scr' + 'ipt src="https://forumstatic.ru/files/000a/45/08/98045.js"></scr' + 'ipt>');}</script> </div
Поделиться958Ср, 29 Ноя 2017 16:24:26
Правильная Ёлка Пожеланий
Ссылка пост 15
Сделал всё так, как сказано. Работает прекрасно!
Поделиться959Ср, 29 Ноя 2017 17:00:13
Правильная Ёлка Пожеланий
Ссылка пост 15
Сделал всё так, как сказано. Работает прекрасно!
В этой же теме: Новогодние украшения Пост 94.
Поделиться960Ср, 29 Ноя 2017 18:05:27
<div style="position:fixed; bottom:0; left:0; z-index: 9999;"">
<script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/99695.js"></script>
<script type="text/javascript">if (FlashDetect.installed) {document.write('<scr' + 'ipt src="https://forumstatic.ru/files/000a/45/08/98045.js"></scr' + 'ipt>');}</script>
</div
а куда ставить то? куда не поставлю не робит ((
<div style="position:fixed; bottom:0; left:0; z-index: 9999;""> <script type="text/javascript" src="https://forumstatic.ru/files/000a/45/08/99695.js"></script> <script type="text/javascript">if (FlashDetect.installed) {document.write('<scr' + 'ipt src="https://forumstatic.ru/files/000a/45/08/98045.js"></scr' + 'ipt>');}</script> </div