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

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


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

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



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

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


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

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

Фон и лого через CSS (проблема с кодом)

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

Решено Фон и лого через CSS (проблема с кодом)

Сообщение автор Балеар в Ср 3 Сен - 12:46

Доброго времени суток, уважаемые форумчане!

У меня возникла необходимость установки заднего фона через CSS, состоящего из двух картинок (одна вверху в виде лого, потом заливка цветом, потом в самом низу вторая картинка).

Вот код, который я использую:
Код:
body {
background-attachment: scroll;
background-position: bottom center, top center;
background-image: url("http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_down.jpg"), url('http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_up.jpg');
background-repeat: no-repeat, no-repeat;
background-color: #141111;
}

Но картинок не видно! Отображается лишь цвет заливки и всё.

"Фоновое изображение страницы" в Управлении картинками установил как
Код:
http://illiweb.com/fa/empty.gif
, всё равно не отображаются картинки, только заливка цветом видна.

Помогите разобраться, пожалуйста. sad


Последний раз редактировалось: Балеар (Ср 3 Сен - 16:55), всего редактировалось 1 раз(а)

Балеар
 
 

Пол : Мужчина
Сообщения : 65
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2012-12-13

http://smuta.forumgrad.ru/

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор Георгий Шевченко в Ср 3 Сен - 15:21

Попробуйте так
Код:
body {
    background-position: bottom center, top center;
    background: #141111 url("http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_down.jpg") no-repeat, #141111 url('http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_up.jpg') no-repeat;
    background-size: 100% 100%;
}

Георгий Шевченко
 
 

Пол : Мужчина
Сообщения : 44
Возраст : 22
Место обитания : Украина / Одесса
Карма : Без предупреждений
Благодарности : 27
Регистрация : 2014-08-24

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор Балеар в Ср 3 Сен - 16:04

Не работает.

Но я позволил себе немного поэксперементировать с вашей редакцией кода и получил вот что:
Код:
body {
    background-position: bottom center, top center;
    background: url("http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_down.jpg") no-repeat, url('http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_up.jpg') no-repeat;
    background-size: 100% 100%;
}
При таком раскладе отражается только одна из картинок (первая, которая должна идти внизу страницы), но она растягивается на весь экран (с верху до низу) по высоте и искажается из-за этого. Второй картинки (верхней - лого) так и не видно 21

Спасите - помогите! cray

Балеар
 
 

Пол : Мужчина
Сообщения : 65
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2012-12-13

http://smuta.forumgrad.ru/

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор IceQueen в Ср 3 Сен - 21:05

А если так?

Код:
body {
background-color: #151110;
background-position: bottom center, top center;
background-image: url("http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_down.jpg"), url("http://apocaliptodata.ucoz.ru/SMUTA/INDEX/background_FORUM_up.jpg");
background-repeat: no-repeat, no-repeat;
}

И еще: следите, чтобы НЕ было включено "Оптимизировать вашу CSS".



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор Балеар в Ср 3 Сен - 21:32

Оптимизацию отключил, код поменял. Теперь вновь кроме заливки цветом ничего не видно (картинок нету). Что ж за печаль такая...

Балеар
 
 

Пол : Мужчина
Сообщения : 65
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2012-12-13

http://smuta.forumgrad.ru/

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор IceQueen в Ср 3 Сен - 21:39

Балеар, тестовик видите? Как там картинки расположены? Пруф-скрин:



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



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

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

Решено Re: Фон и лого через CSS (проблема с кодом)

Сообщение автор Балеар в Ср 3 Сен - 21:54

Добавлял код на 23 строку CSS файла, заменяя предыдущий массив кода по бэкграунду (всего строк под 3 сотни).

Стер и перенес в самый конец и... ЗАРАБОТАЛО! =)))

Спасибо огромное!

Балеар
 
 

Пол : Мужчина
Сообщения : 65
Возраст : 33
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2012-12-13

http://smuta.forumgrad.ru/

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

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


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