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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

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

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

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

ForOne
Новичок

Пол : Мужчина
Сообщения : 3
Возраст : 32
Место обитания : Таганрог
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-18

http://rain.gip-gip.com

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

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

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

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
Место обитания : Таганрог
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-18

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>

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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

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

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

ForOne
Новичок

Пол : Мужчина
Сообщения : 3
Возраст : 32
Место обитания : Таганрог
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-18

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;">
Но не работает, картинка всё равно не по центру:


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

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

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

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>

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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

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

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

ZoD1aK
 
 

Пол : Мужчина
Сообщения : 219
Возраст : 24
Место обитания : Україна
Карма : Без предупреждений
Благодарности : 50
Регистрация : 2010-05-14

http://ship.narutorpg.org 585481543

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

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

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

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

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

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


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