Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Анимированный фон
Здравствуйте, уважаемые!
Помогите сделать анимированный фон как здесь в примере: http://ruseller.com/lessons/les1127/demos.html
Единственное что хотелось, так это оставить свой текущий фон и добавить этот анимированный эффект движения. Вот картинки из этого примера, которые создают такой эффект движения:
Здесь у вас картинки на белом фоне не будут видны. Их нужно будет сохранять.
Очень хочется такой эффект на свой форум.
Адрес моего форума: http://re-generations.forum2x2.com/
Помогите сделать анимированный фон как здесь в примере: http://ruseller.com/lessons/les1127/demos.html
Единственное что хотелось, так это оставить свой текущий фон и добавить этот анимированный эффект движения. Вот картинки из этого примера, которые создают такой эффект движения:
- Спойлер:
- Спойлер:
Здесь у вас картинки на белом фоне не будут видны. Их нужно будет сохранять.
Очень хочется такой эффект на свой форум.
Адрес моего форума: http://re-generations.forum2x2.com/
Последний раз редактировалось: Альберт Вескер (Июнь 8th 2011, 10:28), всего редактировалось 1 раз(а)
Re: Анимированный фон
Вот здесь есть информация от том как это сделать. Но для этого нужно использовать исходники, а как использовать исходники я не знаю, поэтому и прошу помощи. http://ruseller.com/lessons.php?rub=32&id=1127
Re: Анимированный фон
В 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>
Re: Анимированный фон
Работает. Попробуйте добавить вот так и в виджет на главной странице -
- Код:
<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>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированный фон
Вставил, работает.
Но в указанном примере в самом начале - 2 картинки. Одна движется быстрее, другая медленнее. Но сейчас у меня одна картинка, которая двигается, а мне хотелось бы сделать так: одна картинка - мой текущий фон, вторая (поверх) - движущиеся прозрачные кружки (медленно), третья - движущиеся прозрачные кружки (быстрее). Вот.
Ну или хотя бы две картинки - мой фон и движущиеся кружки.
Но в указанном примере в самом начале - 2 картинки. Одна движется быстрее, другая медленнее. Но сейчас у меня одна картинка, которая двигается, а мне хотелось бы сделать так: одна картинка - мой текущий фон, вторая (поверх) - движущиеся прозрачные кружки (медленно), третья - движущиеся прозрачные кружки (быстрее). Вот.
Ну или хотя бы две картинки - мой фон и движущиеся кружки.
Re: Анимированный фон
Так тоже можно.
Измените в скрипте:
Измените в скрипте:
- Код:
jQuery('body').css("background-position", "50% " + offset + "px");
- Код:
jQuery('.body2').css("background-position", "50% " + offset + "px");
и<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="body2">
А в CSS добавьте скользящий прозрачный фон:</table>
</div>
</body>
</html>
- Код:
body {
margin: 0;
background: #000 url('исходный фон');
}
.body2 {
background: transparent url('http://i24.servimg.com/u/f24/16/34/07/89/overla10.png');
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированный фон
Отлично. Я всё понял и всё работает.
И да, как ставить комментарии в шаблонах, что бы если что, я смог разобраться где и что я делал?
Хотя обычно комментарии ставятся так? - //комментарий -?
И да, как ставить комментарии в шаблонах, что бы если что, я смог разобраться где и что я делал?
Хотя обычно комментарии ставятся так? - //комментарий -?
Re: Анимированный фон
В шаблонах:
- Код:
<!-- комментарий -->
- Код:
/* комментарий */
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Анимированный аватар
» Анимированный Аватар
» Анимированный логотип
» Анимированный баннер (Сделано)
» как сделать анимированный банер
» Анимированный Аватар
» Анимированный логотип
» Анимированный баннер (Сделано)
» как сделать анимированный банер
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения