Как сделать обои на весь экран монитора. Как сделать заставку на "Рабочий стол" компьютера или мобильного устройства: простейшие методы
Фон рабочего стола (или обои для рабочего стола) можно настраивать, согласно Вашим желаниям и предпочтениям. В Windows, например, это займет всего несколько минут.
Есть два способа для изменения обоев. Самый простой – щелкнуть правой кнопкой мыши на изображение и выбрать параметр, который будет устанавливать его как фон рабочего стола. Также можно изменить фон рабочего стола, щелкнув правой кнопкой мыши по окну рабочего стола и выбрав параметр Свойства (Properties ), чтобы изменить настройку с помощью вкладки Внешний вид (Appearance Tab ). Затем фоновое изображение можно растянуть, установить в плитки или по центру.
Что такое фоновый рисунок рабочего стола
Фон рабочего стола – это изображение или обои, которые используются в качестве фона на экране компьютера. Обои – общий термин, используемый для обозначения графического интерфейса в Microsoft Windows .Изменить фоновый рисунок рабочего стола
Самый простой способ изменить фон рабочего стола – выбрать изображение, которое Вы хотите установить в качестве фона, и щелкнуть по нему правой кнопкой мыши. Затем выберите опцию Установить как фоновый рисунок рабочего стола (Set as Desktop Background ):
Существует три способа установить фоновый рисунок: в плитки, в центре и растянуть.
Для Windows 95, 98 и предыдущих версий нужно щелкнуть правой кнопкой мыши на рабочем столе и выбрать Свойства экрана (Display Properties ):
В открывшемся окне нажмите Рабочий стол (Desktop ). Здесь также можно выбрать свой фон и даже просматривать изображения, которые будут установлены в качестве фона. В разделе Положение (Position ) можно выбрать, как Вы хотите, чтобы фон отображался (плитки, по центру или растянутый на весь экран).
Изменить фон рабочего стола в Windows 10
Windows 10 , щелкните значок Windows > Настройки (Settings ) > Персонализация (Personalization ) > Фон (Background ):
Затем щелкните раскрывающееся меню под фоном, чтобы выбрать, какой тип фона Вы хотели бы иметь. Возможные варианты: Изображение
(Picture
), Заливка
(Solid Color
) или Слайд-шоу
(Slideshow
):
Чтобы сделать фоновый рисунок, выберите Изображение
(Picture
), затем прокрутите вниз и нажмите Обзор
(Browse), чтобы выбрать, какую фотографию с жесткого диска Вы хотели бы установить в качестве фона. Если Вам не нравится отображение фотографии, нажмите Выбрать подходящий
(Choose a Fit
), чтобы внести изменения.
Изменить фоновый рисунок рабочего стола в Windows 7
Чтобы изменить фон рабочего стола в Windows 7 , щелкните правой кнопкой мыши на пустой части рабочего стола и выберите Персонализировать (Personalize). Затем выберите Фон рабочего стола (Desktop Background) в левом нижнем углу окна.Вы можете выбрать фон из представленных по умолчанию, или же выбрать свою картинку на жестком диске. Затем нажмите Сохранить изменения (Save Changes) и закройте окно.
Изменение фона рабочего стола для всех пользователей в Windows
Если Вы управляете большой сетью компьютеров с ОС Windows и хотите изменить фон рабочего стола на всех них, Вам не нужно делать это на каждом по отдельности.Перейдите в меню Пуск (Start ) и введите Запуск командной строки (Run ). Затем введите команду gpedit.msc и нажмите OK :
Затем нажмите Конфигурация пользователя
(User Configuration
) > Административные шаблоны
(Administrative Templates
) > Рабочий стол
(Desktop
) > Обои для рабочего стола
(Desktop Wallpaper
) > Включено
(Enabled
):
Теперь введите источник изображения, которое Вы хотите использовать в качестве фона рабочего стола, в поле рядом с именем
(Name). Затем нажмите Применить
(Apply
), чтобы сохранить изменения, и ОК
, чтобы закрыть окно.
Изменить фон рабочего стола на Mac
Также легко можно изменить фон рабочего стола и на Mac .
Если нужное изображение уже находится на Вашем рабочем столе, просто щелкните его правой кнопкой мыши и выберите Установить изображение на рабочий стол
(Set Desktop Picture
):
Изображение: © quka - Shutterstock.com
Довольно часто пользователи операционной системы Windows сталкиваются с проблемой, когда изображение на мониторе сужается или отображается не на весь экран. Все это также может сопровождаться увеличением значков на рабочем столе и общей нечеткостью изображения.
В данной статье мы расскажем из — за чего может произойти подобная ситуация и как восстановить и расширить экран монитора, если он сузился.
Причины появления проблемы
Наиболее вероятными и самыми распространенными причинами сужения изображения на мониторе являются:
- Неправильно выставленное разрешение экрана;
- Отсутствие ;
- Подключение дополнительного монитора или телевизора;
- Неверные настройки монитора.
Теперь более подробно рассмотрим каждую из причин. И начнем с самой простой и очевидной.
Неправильное разрешение в настройках графики
Подобная ситуация может возникнуть сразу после установки или переустановки Windows. Реже причиной неправильно выставленного разрешения является игра или другое приложение, в котором можно менять разрешение экрана.
Проверяется и исправляется это очень просто. Нужно нажать на свободном месте рабочего стола и в открывшемся меню выбрать «Параметры экрана» либо «Разрешение экрана» либо «Персонализация».
Вход в настройки разрешения экрана в Windows 7
Вход в настройки разрешения экрана в Windows 10
В случае выбора двух первых пунктов вы сразу попадете в нужное окно изменения разрешения экрана. Если вы выбрали «Персонализация», то в открывшемся окне слева внизу выбираете «Экран» и далее слева вверху «Настройка разрешения экрана».
Здесь в пункте «Разрешение» нужно перебирать значения до тех пор, пока изображение на экране не расширится до нужных размеров. Чаще всего напротив нужного значения будет написано «(Рекомендуется)».
Изменение разрешения экрана в Windows 7
Изменение разрешения экрана в Windows 10
Отсутствие драйвера видеокарты
Причина также довольно распространенная. Чаще возникает после установки/переустановки операционной системы, либо после попытки обновить драйвера видеокарты.
Подключение к компьютеру/ноутбуку дополнительного монитора или телевизора
Данная ситуация менее распространена, чем две предыдущие, но также имеет место быть. Если вы подключали какие — либо дополнительные устройства вывода изображения к видеокарте компьютера или ноутбука, например такие как дополнительный монитора или телевизор, то попробуйте отключить их.
Если изображение исправилось и монитор расширился до нормальных значений, значит причина в подключенном устройстве и при его подключении к компьютеру требуется регулировка разрешения, которая описана выше. Разница лишь в том, что перед изменением значения в строке «Разрешение». нужно выбрать нужный монитор в строке «Экран».
Выбор монитора в настройках разрешения экрана
Настройки самого монитора
Если все из вышеперечисленного вам не походит или не относится к конкретной ситуации, то попробуйте запустить авто настройку монитора. Делается это нажатием одной кнопки на мониторе, которая обычно подписана «Auto» и находится возле кнопки включения монитора на его передней или боковой панели.
Кнопка авто настройки монитора
В каждом персональном компьютере имеется свое виртуальное рабочее место для пользователя. Оно так и называется – «Рабочий стол». На нем расположены главные программные папки и элементы быстрой навигации по системным службам. На рабочем столе компьютера, также, как и на письменном столе в офисе, можно прибираться – менять местами документы, настраивать время, устанавливать календарь, убирать мусор в корзину, и, конечно же, украшать свое рабочее место фото-обоями. Чтобы красивый пейзаж обоев был максимального размера, необходимо зайти в специальный раздел по тому, как сделать фоновой рисунок на весь экран.
Инструкция
Веб технологии, как и различного рода тенденции в дизайне, не стоят на месте, поэтому каждый раз появляются какие-то оригинальные фишки и нюансы для сайтов. Одним из подобных «направлений» является использование фона (backgorund), который растягивается на весь экран по ширине и высоте. Что-то вроде около года назад или больше я рассказывал — изображение помещалось в шапку блога и плавно «переходило» в основной фоновый цвет веб-страницы. При желании можно даже добавить .
Размещение в качестве бекграунда большой масштабируемой картинки — это что-то новое и более сложное занятие, решение которого нашел в этой статье .
Цель данного урока разместить на сайте фоновую картинку, которая бы постоянно закрывала весь фон окна браузера. Что же конкретно нужно сделать:
- заполнить всю страницу одним изображением без пробелов;
- изменение размеров картинки при необходимости (уменьшении окна браузера);
- сохранение пропорций изображения;
- расположение изображения в центре страницы;
- отсутствие полос прокрутки на странице;
- кросс-браузерное решение, подходящее для разных браузеров;
- реализация без всяких сторонних технологий типа flash.
Итак, имеется сразу несколько подходящих решений для фона сайта на весь экран.
Замечательное, простое и прогрессивное решение с помощью CSS3
Для реализации задачи мы можем использовать свойство background-size в CSS3. Будем использовать элемент html который получше body. Установим фиксированный и центрированный бэкграунд, после чего будем использовать в background-size значение cover.
html { background : url (images/bg.jpg ) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size : cover; } |
html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
Решение поддерживают почти все популярные в сети:
- Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
- Opera 10+ (Opera 9.5 поддерживает background-size но без значения cover)
- Chrome Whatever+
- IE 9+
- Safari 3+
Некий Goltzman нашел решение, которое позволяет работать хаку в IE
filter : progid: DXImageTransform.Microsoft .AlphaImageLoader(src= ".myBackground.jpg" , sizingMethod= "scale" ) ; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")" ; |
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=".myBackground.jpg", sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="myBackground.jpg", sizingMethod="scale")";
Но внимание!!! при этом могут возникнуть некоторые проблемы с работой ссылок на странице. Кстати, чуть позже Matt Litherland добавил что код, в принципе, можно использовать но для этого нельзя применять элементы html или body а нужно реализовать все через div с 100% высотой и шириной.
CSS -хак номер 1
Альтернативную версию представляет Doug Neiner. В этом случае используется встроенный в страницу элемент , который может изменять размер в любом браузере. Устанавливаем значение min-height, которое способствует заполнению окна браузера вертикально и ставим 100% для width, что заполняет страницу горизонтально. Также ставим min-width чтобы изображение никогда не было меньшим, чем оно есть на самом деле.
img.bg { /* Set rules to fill background */ min-height : 100% ; min-width : 1024px ; /* Set up proportionate scaling */ width : 100% ; height : auto ; /* Set up positioning */ position : fixed ; top : 0 ; left : 0 ; } @media screen and (max-width : 1024px ) { /* Specific to this particular image */ img.bg { left : 50% ; margin-left : -512px ; /* 50% */ } } |
img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } }
Работает в любых версиях качественных браузеров — Safari / Opera / Firefox и Chrome. Для IE как всегда есть свои нюансы:
- IE 9 — работает;
- IE 7/8 — чаще всего функционирует правильно, но не центрирует изображения меньше окна браузера;
- IE 6 — можно настроить, но кому вообще нужен этот браузер.
CSS -хак вариант 2
Еще один вариант решения задачи с помощью CSS стилей это разместить встроенное изображение на странице с фиксированной позицией в левом верхнем углу, после чего задать для min-width и min-height значение 100% сохраняя пропорции.
#bg { position : fixed ; top : -50% ; left : -50% ; width : 200% ; height : 200% ; } #bg img { position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; margin : auto ; min-width : 50% ; min-height : 50% ; } |
#bg { position:fixed; top:-50%; left:-50%; width:200%; height:200%; } #bg img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }
Хак работает в:
- Safari / Chrome / Firefox (слишком ранние версии не тестировались, но в последних работает хорошо)
- IE 8+
- Opera (любая версия) и вместе с IE both оба глючат одинаково с ошибкой позиционирования.
Метод с jQuery
Данный вариант намного легче (с точки зрения CSS) если мы знаем что соотношение сторон картинки (img используется в качестве фона) больше или меньше текущего соотношения окна браузера. Если меньше, то мы можем использовать только width = 100% и при этом по ширине и высоте окно будет одинаково заполнено. Если больше — можно указать только height = 100% для заполнения всего окна.
Доступ ко всем данным идет через JavaScript, коды используются следующие:
#bg { position : fixed ; top : 0 ; left : 0 ; } .bgwidth { width : 100% ; } .bgheight { height : 100% ; } |
#bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; }
< aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); }); |
$(window).load(function() { var theWindow = $(window), $bg = $("#bg"), aspectRatio = $bg.width() / $bg.height(); function resizeBg() { if ((theWindow.width() / theWindow.height()) < aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); });
По моему, центрирование в этом случае не производится (насколько я понял), но его можно сделать. Поддерживается большинство десктопных браузеров, в том числе IE7+. Напоследок автор статьи про хаки подготовил набор файлов примеров, в которых это все реализована — скачать можно . В комментариях к статье-оригиналу также содержится некоторая информация и обсуждение, хотя большинство важных деталей автор добавлял в виде апрейтов к посту и у меня он также переведены и указаны. Конечно, разобраться во всем этом помогут и примеры. В целом, если бы не постоянные «приколы» от IE7 все упомянутые хаки были бы идеальными.
P.S. Хотите купить книгу? — не обязательно ходить в магазине ведь сейчас онлайн книжный интернет магазин позволяет сделать все через сеть — выбрать, оплатить и оформить доставку на дом.