Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Анимированный фон Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Анимированный фон Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

Анимированный фон

Участников: 4

Перейти вниз

Анимированный фон Empty Анимированный фон

Сообщение автор Альберт Вескер Июнь 5th 2011, 19:21

Здравствуйте, уважаемые!
Помогите сделать анимированный фон как здесь в примере: http://ruseller.com/lessons/les1127/demos.html
Единственное что хотелось, так это оставить свой текущий фон и добавить этот анимированный эффект движения. Вот картинки из этого примера, которые создают такой эффект движения:

Спойлер:
Спойлер:

Здесь у вас картинки на белом фоне не будут видны. Их нужно будет сохранять.
Очень хочется такой эффект на свой форум.
Адрес моего форума: http://re-generations.forum2x2.com/



Последний раз редактировалось: Альберт Вескер (Июнь 8th 2011, 10:28), всего редактировалось 1 раз(а)
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 5th 2011, 19:31

Вот здесь есть информация от том как это сделать. Но для этого нужно использовать исходники, а как использовать исходники я не знаю, поэтому и прошу помощи. http://ruseller.com/lessons.php?rub=32&id=1127
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 7th 2011, 18:30

Вопрос всё ещё актуален, хотелось бы получить помощь.
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Irbis Июнь 7th 2011, 21:54

А в чем собссна сложности? Копируйте скрипт да и все...
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор NaYami Июнь 7th 2011, 22:41

что и куда пихать?..
NaYami
NaYami
 

Сообщения : 138
Регистрация : 2011-02-24
Благодарности : 1

Без предупреждений

http://teneoris.forum2x2.org

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Irbis Июнь 8th 2011, 07:23

В CSS:
Код:
body {
background: url('http://img822.imageshack.us/img822/5903/gradienta.jpg');
}
В футер:
Код:
<script type="text/javascript">
$(document).ready( function() {
var backgroundheight = 2000;
var backgroundheight_two = 1000;
offset = Math.round(Math.floor(Math.random()* 2001));
offset2 = Math.round(Math.floor(Math.random()* 1001));
function scrollbackground() {
        offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
        $('body').css("background-position", "50% " + offset + "px");
        setTimeout(function() {
         scrollbackground();
         }, 100
      );
     }
scrollbackground();
});
</script>
Irbis
Irbis
 

Мужчина

Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217

Без предупреждений

https://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 8th 2011, 09:17

Не работает.
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Dana Domirani Июнь 8th 2011, 09:24

Работает. Попробуйте добавить вот так и в виджет на главной странице -
Код:
<script type="text/javascript">
jQuery(document).ready( function() {
var backgroundheight = 2000;
var backgroundheight_two = 1000;
offset = Math.round(Math.floor(Math.random()* 2001));
offset2 = Math.round(Math.floor(Math.random()* 1001));
function scrollbackground() {
        offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
        jQuery('body').css("background-position", "50% " + offset + "px");
        setTimeout(function() {
        scrollbackground();
        }, 100
      );
    }
scrollbackground();
});
</script>
Либо в overall_header (Верхняя часть страницы) перед </head>


Анимированный фон Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 8th 2011, 09:42

Вставил, работает.
Но в указанном примере в самом начале - 2 картинки. Одна движется быстрее, другая медленнее. Но сейчас у меня одна картинка, которая двигается, а мне хотелось бы сделать так: одна картинка - мой текущий фон, вторая (поверх) - движущиеся прозрачные кружки (медленно), третья - движущиеся прозрачные кружки (быстрее). Вот.
Ну или хотя бы две картинки - мой фон и движущиеся кружки.
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Dana Domirani Июнь 8th 2011, 09:59

Так тоже можно.
Измените в скрипте:
Код:
jQuery('body').css("background-position", "50% " + offset + "px");
на
Код:
jQuery('.body2').css("background-position", "50% " + offset + "px");
В шаблоне overall_header (Верхняя часть страницы) впишите еще один див с классом body2 - сразу внутри body. Т.е. добавьте:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="body2">
и
</table>
</div>
</body>
</html>
А в CSS добавьте скользящий прозрачный фон:
Код:
body {
margin: 0;
background: #000 url('исходный фон');
}
.body2 {
background: transparent url('http://i24.servimg.com/u/f24/16/34/07/89/overla10.png');
}


Анимированный фон Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 8th 2011, 10:09

Отлично. Я всё понял и всё работает.
И да, как ставить комментарии в шаблонах, что бы если что, я смог разобраться где и что я делал?
Хотя обычно комментарии ставятся так? - //комментарий -?
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Dana Domirani Июнь 8th 2011, 10:14

В шаблонах:
Код:
<!-- комментарий -->
В CSS
Код:
/* комментарий */



Анимированный фон Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Анимированный фон Empty Re: Анимированный фон

Сообщение автор Альберт Вескер Июнь 8th 2011, 10:28

Спасибо.
Вопрос темы решён.
Альберт Вескер
Альберт Вескер
 

Мужчина

Сообщения : 683
Возраст : 33
Регистрация : 2011-04-03
Благодарности : 41

Без предупреждений

http://www.re-role.com

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения