С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.79/19: Рейтинг темы: голосов - 19, средняя оценка - 4.79
0 / 0 / 1
Регистрация: 06.04.2013
Сообщений: 40
1

как задать такой фон страницы?

22.05.2013, 12:17. Показов 3534. Ответов 6
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
может я торможу, но ребят, подскажите как задать такой фон страницы:
как задать такой фон страницы?


как наложить градиент на текстуру. текстуру задаю,как фон для html ,тут все просто,но как к этой текстуре прилепить верхний градиент?если задаю градиент для body или html, то пропадает текстура.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
22.05.2013, 12:17
Ответы с готовыми решениями:

Как задать для каждой страницы свой фон?
на всех страницах стоит одна картинка,а как на определенных страницах менять фон на другую...

Как сделать такой фон????
на этом сайте на фоне стоит картинка которая распологаеься по центру вне зависимости от разрешения...

Как сделать такой фон?
Добрый день уважаемые. Подскажите пожалуйста какие свойства надо задавать что б получить такой фон...

Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?
Как сделать так, чтобы задний фон страницы не прокручивался вместе с передним фоном страницы ?

6
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
22.05.2013, 13:10 2
В CSS3 появилась возможность устанавливать множественные фоны. Устанавливаете вашу текстуру, тиражируете ее, затем либо накладываете вторым фотом полупрозрачную картинку-градиент, либо при помощи градиентов CSS3 это делаете.

Вот документация по множественным фонам: http://www.w3.org/TR/css3-background/#layering
0
Develo0per
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 97
22.05.2013, 16:15 3
eleonore, Блин, точно не вижу... либо это линейный градиент либо это радиальный градиент...

но в любом случае...

технологии CSS позволяют добиться такого результата...
Существуют Генераторы заднего фона ( Gradient Generator )

Добавлено через 1 минуту
А так же можно использовать и задний фон с серым цветом и картинку на задний фон в PNG24 с прозрачным градиентом...

Добавлено через 22 секунды
В общем с развитием технологий варианты прибавляются =)
0
0 / 0 / 1
Регистрация: 06.04.2013
Сообщений: 40
22.05.2013, 16:30  [ТС] 4
не знаю, что я делаю не так.отдельно градиент такого цвета я могу создать,с "колорзиллой" знакома.но там не просто цвет,там текстура шершавая, как штукатурка(на рисунке не видно).у меня эта текстура есть,я её задаю, как background к html, а вот положить сверху градиент, что-то не могу.создала его, задаю фоном вторым к html и к body пробывола ,что-то не то,либо появляется градиент,а текстура моя исчезает,либо текстура есть, а градиента нет.что-то не то видимо делаю...
градиент радиальный.
0
Почетный модератор
12271 / 5336 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
22.05.2013, 16:58 5
eleonore, сделайте второй див-обертку. Во внешнем - текстура бэкграундом, для внутреннего - градиент бэкграундом. В сумме будет то, что нужно.
1
Develo0per
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 97
22.05.2013, 17:02 6
eleonore,
CSS
1
background: url("картика.png") top left #color no-repeat;
и картинка и фон...

Добавлено через 29 секунд
top left no-repeat - привёл для примера возможных настроек...
0
0 / 0 / 1
Регистрация: 06.04.2013
Сообщений: 40
23.05.2013, 13:45  [ТС] 7
все получилось спасибо,всем!
0
23.05.2013, 13:45
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
23.05.2013, 13:45
Помогаю со студенческими работами здесь

Как правильно сверстать такой фон?
Верстаю макет (учебный). Как правильно добавить градиентный фон в области которую выделил на первой...

Как сделать такой задний фон? (CSS)
Как сделать задний фон как на фото через css, то-есть, что бы цвет был голубым, но шли диагональные...

Как задать полупрозрачный фон?
#selector { property:value; property:value; property:value; } * body *...

Как задать фон развертывающегося списка?
Имеется вот такой код: <select name = "day" style="font-weight:bold; font-size:12pt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Администрирован­­­ие Git, продвинутые техники работы с Git
InfoMaster 11.01.2025
Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .
Что такое HCL Notes и как с ним работать
InfoMaster 10.01.2025
HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .
Как работать с Git из Windows и Visual Studio
InfoMaster 10.01.2025
Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python
InfoMaster 10.01.2025
Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .
Отличия абстрактного класса от интерфейса
InfoMaster 10.01.2025
В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .
Как работать в Git
InfoMaster 10.01.2025
Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .
Реализация передвижения персонажа в Unity3d на C#
InfoMaster 10.01.2025
Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .
Docker: руководство для начинающих
InfoMaster 10.01.2025
В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru