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

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


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

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

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


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

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

Разбивка фона на фреймы

Предыдущая тема Следующая тема Перейти вниз

Разбивка фона на фреймы

Сообщение автор ForOne в Вс 22 Май - 23:58

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

Пример того что я хочу здесь: http://aion.ru/play/
Полагаю нужно как-то разбить фон на несколько <div> блоков и в них уже вставлять картинки и задавать параметры. На этом моя фантазия заканчивается)))

ForOne
Новичок

Мужчина

Сообщения : 3
Возраст : 32
Регистрация : 2011-05-18
Благодарности : 0

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

http://rain.gip-gip.com

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

Re: Разбивка фона на фреймы

Сообщение автор Dana Domirani в Пн 23 Май - 0:35

Разбивать ничего не надо. Нужен один масштабируемый фон и два независимых от него блока с изображениями на прозрачной подложке.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Разбивка фона на фреймы

Сообщение автор ForOne в Пн 23 Май - 11:29

спасибо за быстрый ответ)
я недавно начал разбираться в html, css (3 день). Можно поподробней как это осуществить?

Я делаю так и у меня не получается:
В виджет форума:
Код:
   
    <div style="position:fixed;left:0%;top:0px;">
    <img src="картинка" border="0">
    </div>
    <div style="position:fixed;right:0%;bottom:0px;">
    <img src="картинка" border="0">
    </div>
спасибо Домовому за этот код
=================================================================
А вот мой вариант (понимаю что что-то не так, но не знаю как правильно сделать):
В виджет форума:
Код:
   
    <div id="left">Левый блок</div>
    <div id="right">Правый блок</div>
В CSS:
Код:
   
#left {
position: fixed; top:0px; left:0%;   
background-image: url(картинка)
}   
#right {
position: fixed; bottom:0px; right:0%;
background-image: url(картинка)
}   

ForOne
Новичок

Мужчина

Сообщения : 3
Возраст : 32
Регистрация : 2011-05-18
Благодарности : 0

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

http://rain.gip-gip.com

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

Re: Разбивка фона на фреймы

Сообщение автор Домовой в Пн 23 Май - 18:32

Вот так пробуйте

Код:
<div style="position:fixed;left:0%;top:0px;z-index: -1;">
    <img src="картинка" border="0">
    </div>
    <div style="position:fixed;right:0%;bottom:0px;z-index: -1;">
    <img src="картинка" border="0">
    </div>

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Разбивка фона на фреймы

Сообщение автор ForOne в Вт 24 Май - 14:02

Огромное спасибо за помощь, всё получилось. Код Домового работает.

ForOne
Новичок

Мужчина

Сообщения : 3
Возраст : 32
Регистрация : 2011-05-18
Благодарности : 0

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

http://rain.gip-gip.com

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

Re: Разбивка фона на фреймы

Сообщение автор Альберт Вескер в Вт 24 Май - 16:19

Использовал этот код для оформления
Код:
  <div style="position:fixed;left:0%;top:0px;z-index: -1;">
        <img src="картинка" border="0">
        </div>
        <div style="position:fixed;right:0%;bottom:0px;z-index: -1;">
        <img src="картинка" border="0">
        </div>

Но мне хотелось бы уточнить как с помощью кода выровнять картинку ровно по центру. Использовал такой вариант:
Код:
<div style="position:fixed;center:0%;top:0px;z-index: -1;">
Но не работает, картинка всё равно не по центру:


КАК мне её выровнять?

Альберт Вескер
 

Мужчина

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

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

http://www.re-role.com

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

Re: Разбивка фона на фреймы

Сообщение автор Домовой в Вт 24 Май - 19:28

Регулировкой левого или правого отступа
На примере левый отступ

Код:
<div style="position:fixed;left:45%;top:0px; z-index: -1;">
<img src="ссылка на картинку" border="0">
</div>

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Re: Разбивка фона на фреймы

Сообщение автор ZoD1aK в Пн 30 Май - 17:38

Подскажите как зафиксирувать картинку в нижней части форума. Чтоб картинка на бегла со скролингом

ZoD1aK
 

Мужчина

Сообщения : 219
Возраст : 24
Регистрация : 2010-05-14
Благодарности : 50

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

http://ship.narutorpg.org

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

Re: Разбивка фона на фреймы

Сообщение автор Домовой в Пн 30 Май - 20:59

а она и не бегает. И то что у вас на форуме тоже стоят на месте.

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

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

http://udomovogo.rusff.ru

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

Предыдущая тема Следующая тема Вернуться к началу


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