Как поменять на сайте фон: Как изменить цвет фона и текста веб-страницы?

Как изменить фон сайта визуально и в html-коде?

От автора: приветствую вас на webformyself и хочу сегодня рассказать вам, как изменить фон сайта. Фоновый цвет или изображение на заднем плане могут играть огромную роль в восприятии сайта, поэтому вы должны знать, как его устанавливать.

Как поменять фон в wordpress

Опять же, если у вас движок wordpress, то изменить общий фон у страницы не составит труда. Нужно всего лишь нажать кнопку “Настроить” во вкладке “Внешний вид”. Здесь нужно выбрать “Цвета”. В зависимости от выбранного шаблона, тут может быть возможность выбирать цвета для различных элементов. Но цвет страницы вы можете выбрать в любом случае – перед вами откроется удобная цветовая панель.

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

Собственно, это все, что вам нужно знать. Если нужно загрузить именно фоновое изображение – выбираете соответствующий пункт и находите на компьютере нужный файл.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

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

После загрузки изображения перед вами появиться пару полезных параметров для настройки. Удобство wordpress в том, что вы видите изменения сразу же, в зависимости от того, какие настройки выбираете.

Во-первых, вам предложат выбрать способ повторения. Тут аж 4 варианта: повторять только по горизонтали, только по вертикали, по обеим сторонам и не повторять. В зависимости от того, какое вы используете изображение, вы должны сделать выбор.

Повторение позволяет существенно сэкономить на размере картинки, когда она небольших размеров и может повторяться, так чтобы не было видно резких переходов между повторениями. Так можно экономить десятки килобайт по сравнению со способом, при котором грузится полновесное изображение больших размеров.

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

Привязка. Это очень интересная настройка, она позволяет выбрать, прокручивать ли фоновую картинку вместе с содержимым или зафиксировать его на одном месте. Лично мне всегда нравится выбирать фиксированный вариант, потому что при прокрутке вниз двигаются только блоки с контентом.

Например, если у вас высота фоновой картинки 1000 пикселей, вы ее не повторяете и не фиксируете, то при прокрутке вниз она просто исчезнет из виду. Фиксация фона позволяет картинке постоянно оставаться на виду. Иногда это очень эффектное решение.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Собственно, на этом все по изменению фона в wordpress. Как видите, все максимально просто.

Как изменить фон сайта в html

Хорошо, мы разобрали чисто визуальный вариант, в которой не нужно лезть в код и что-то там прописывать. Теперь давайте разберемся, как все-таки менять фон через html и css. Какие это дает преимущества? Вы можете задавать фоновые изображения не только для сайта в общем, но и для каждого элемента отдельно. Например, для какого-нибудь виджета, меню, шапки и т.д. Это дает гораздо больше возможностей в оформлении сайта и изменении его дизайна.

Для того, чтобы получить доступ ко всему этому оформлению, вам надо найти главную таблицу стилей вашего шаблона. Обычно она располагается в корне, либо в папке css, и называется style.css или main.css.

В ней вы увидите код, который оформляет различные элементы вашего сайта. Если вы хотите задать фон глобально, это можно сделать с помощью прописывания фона селектору body, то есть телу страницы.

Как задается фон?

Запомните – свойство background. Сегодня лучше использовать именно сокращенный вариант записи этого свойства. Например:

body{
background: #ccc url(bg.png) no-repeat 50% 50% fixed;
}

Что все это значит? Первым параметром обычно задают сплошной цвет. Допустим, задаем серый. Цвет можно и не указывать, если указано фоновое изображения. Как видите, картинка задается с помощью конструкции url(путь к файлу). Соответственно, вам нужно правильно записать путь к файлу, а еще обязательно указывайте его расширение.

Все параметры, что я записал после этого, являются необязательными и прописываются по желанию. Так, я указал, чтобы фоновая картинка не повторялась, позиционировалась по центру как по горизонтали, так и по вертикали, а также зафиксировалась на одном месте, чтобы не исчезать при прокрутке.

Как видите, тут все те же параметры, что вы настраивали визуально, но здесь они прописываются в качестве значений свойства background.

В данном примере я использовал сокращенную запись свойства, просто так удобнее, но на самом деле для каждого отдельного параметра есть свое свойство: background-color для цвета, background-image для картинки, background-position для задания позиции.

Конечно, для свободного владения этими свойствами я советую вам для начала пройти наш курс css для начинающих, а если вы хотите стать продвинутым пользователем в отношении языка css, то курс по новой версии этой технологии. Там вы научитесь задавать несколько фонов одновременно, настраивать их повторение, использовать градиенты и т.д. Информация очень интересная и полезная для сайтостроителей.

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

Как сделать фон для сайта и как его поменять

Здравствуйте друзья! Недавно я делал анализ своего блога с целью найти слабые места дизайна и пришел к выводу, что задний фон смотрится очень убого и никак не сочетается с основной цветовой гаммой сайта в целом.

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

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

Как сделать фон для сайта онлайн

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

О том, как увеличить скорость загрузки блога я писал в предыдущих статьях: «Плагин Hyper Cache» и «Оптимизация базы данных».

Поэтому в качестве картинки для фона лучше всего использовать ПАТТЕРН.

Паттерн — это небольшая картинка, не имеющая швов, которая при повторении образует большой фон, заполняющий все пространство сайта.

Чтобы сделать фон (паттерн) существует огромное число способов. Например, вы можете открыть любой поисковик и вбить в строку поиска запрос «Скачать фон для сайта», а потом долго просматривать различные сайты в надежде отыскать подходящий паттерн.

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

1) PatternCooler

Один из самых крупных хранилищ подборки фонов. Здесь вы сможете отыскать паттерн различной фактуры, сами изменить параметры цвета, а также выбрать популярный из топ.

Посмотрите, что у меня получилось выбрать для себя:

2) Stripegenerator

Тоже неплохой онлайн генератор фонов. Есть небольшой ряд настроек и немаленькая база заготовок.

Мой результат работы:

3) BgPatterns

Очень интересный сервис по созданию онлайн фона. Вы можете выбрать различные рисунки (сердечки, звездочки, кружочки) и цветовую гамму создаваемого фона.

Посмотрите, что я подобрал себе:

4) Tartanmaker

Для тех, кто хочет создать себе фон в клеточку стоит посетить данный онлайн сервис фонов.

Как поменять фон на сайтах HTML и PHP

Если вы работаете с сайтом разработанным исключительно на HTML, тогда вам понадобиться вставить фон в открывающий тег <body>… Должно получиться примерно следующее:

<body background="images/fon-1.png">

<body background=»images/fon-1.png»>

Главное правильно укажите путь к изображению. Также для страховки можете прописать вдобавок к картинке еще и цвет, на тот случай если вдруг по каким-либо причинам паттерн не загрузится.

<body bgcolor="#FFFFFF" background="images/fon-1.png">

<body bgcolor=»#FFFFFF» background=»images/fon-1.png»>

Если основной паттерн не загрузится, вместо него подгрузится цвет, указанный в bgcolor (FFFFFF).

В основном большинство начинающих, да и продвинутых вебмастеров используют в качестве движка блога CMS WordPress, поэтому чтобы установить фон на сайт, необходимо закачать созданный выше паттерн к себе на хостинг в папку с картинками темы.

Для этого я закачиваю картинку (паттерн) на хостинг, папка находится по такому адресу:

/httpdocs/wp-content/themes/Prosumer/images

/httpdocs/wp-content/themes/Prosumer/images

Затем необходимо открыть файл style.css и указать адрес, где хранится ваше изображение.

Внимание! Если у вас картинка и файлы css темы, расположены в разных директориях, укажите точный путь к ней.

Перезагружаем страницу сайта и смотрим полученный результат.

P.S. Еще хотелось бы добавить, что вы можете настраивать как будет повторяться паттерн. Для этого существует атрибут repeat.

background: #FFFFFF url(images/fon-1.png) repeat;

background: #FFFFFF url(images/fon-1.png) repeat;

Основные настройки:

• — repeat — изображение будет повторяться как по вертикали, так и по горизонтали;
• — repeat-x — повторение только по горизонтали;
• — repeat-y — повторение только по вертикали;
• — no-repeat – запрет на повторение.

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

Посмотрите видео «Как поменять фон на сайте» и у вас не должно остаться никаких вопросов.

На сегодня у меня все. Понравилась статья? Подпишись на обновления страниц блога по почте и будь в курсе новых постов, новостей и конкурсов. Жду отзывы и дополнения в комментариях. Пока!

Изменение внешнего вида сайта

В данном примере мы рассмотрим, как можно изменить внешний дизайн сайта с помощью добавления новых стилей CSS. Изначально сайт выглядит так:

Мы хотим полностью изменить внешний вид сайта. Для начала откроем Firebug в браузере Mozilla Firefox, для этого достаточно нажать F12. Вы можете использовать любой браузер со схожим функционалом — например, в Google Chrome есть инструменты разработчика, они также вызываются через F12, но в данной статье мы рассмотрим всю работу с браузером Mozilla Firefox.

Как только откроется окно Firebug, перезагрузите страницу и кликните мышкой по элементу, внешний вид которого вы хотите изменить, и данный элемент будет выделен синим цветом:

Обратите внимание на правую часть окна, там указаны стили, которые используются на указанном элементе:

Теперь выберем цвет, который будет использоваться на нашем сайте. Для выбора цвета вы можете воспользоваться ресурсом http://earninguide.biz/webmaster/palette.php. Как только вы выберете нужный вам цвет, в поле «Код» будет указан нужный вам цвет в шестнадцатеричном виде, вам останется только скопировать это значение и вставить его, как значение нового правила. Например, для начала выберем цвет:

Теперь добавим в CSS-редактор новое правило, которое задает цвет фона, и в качестве цвета укажем код #fff388:

Как только мы нажмем на кнопку «Сохранить», внешний вид сайта изменится — у выделенного элемента цвет изменится на выбранный нами:

Как видно, в шапке сайта цвет все еще фиолетовый, и это сразу бросается в глаза. Изменим цвет на такой же желтый, для этого выделим необходимый элемент мышкой:

Нужный нам элемент выделен синим. В правой части Firebug мы видим правило CSS, которое задает цвет элемента:

Осталось добавить в редактор CSS новое правило, которое изменит цвет фона элемента:

Теперь шапка сайта перестала выделяться, и осталось только изменить белый фон в центре сайта.

Поступаем аналогично — выбираем необходимый элемент, убеждаемся, что выбран нужный (выбранный элемент выделяется синим цветом):

Смотрим, какое правило задает фоновый цвет элемента:

Выберем салатовый цвет для фона на странице http://earninguide.biz/webmaster/palette.php:

Добавляем новое CSS-правило, где указываем новый цвет:

В итоге мы изменили внешний вид сайта с помощью всего 3-х правил CSS:

Как изменить фон сайта WordPress, Blogger, Tumblr

Здравствуйте дорогие читатели. Сегодня мы с вами разберем еще один урок для улучшения дизайна вашего сайта. Урок этот не сложный и довольно интересный.

Как известно на вкус и цвет сайты и блоги бывают разные. Кому-то нравится белый фон, кому-то темный, а некоторым и вовсе хочется примостить там шикарное изображение. Чего только не сделаешь чтобы удержать посетителя.) Вчера я поделился с вами уроком, как украсить сайт под новый год фоновой картинкой. К чему это я виду, а виду я к тому, что вчерашний и сегодняшний уроки похожи между собой, вот только код, который при этом используется немного изменит свой вид. К примеру вчера у нас была картинка, которая должна была примоститься по бокам полотна. А сегодня за основу будет браться цвет или изображение, которые должны замостить вес фон вашего сайта или блога. В общем с теорией более менее понятно, можно перейти к практике.

Как поменять фон блога. Добавляем картинку или цвет

Для того, чтобы поменять фон сайта или блога используем следующий CSS код:

CSSbody {
background: #333 url()no-repeat center center fixed;
-webkit-background-size: cover;
 -moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

За цвет фона отвечает участок кода выделенный оранжевым. Вместо него пропишите код своего цвета и сохраните шаблон.

Переходим к просмотру видео:

Если же вам нужно разместить фоновое изображение, в таком случае удалите оранжевый участок кода и рядом в коде выделенном зеленым в дужках разместите ссылку на свое изображение.

Можно загрузить картинку на какой нибудь хостинге картинок и скопировать прямую ссылку на нее. Так же можно загрузить картинку в Сообщение Blogger, или Запись WordPress, что намного лучше. Для этого создаете новое Сообщение, или Запись, загружаете нужную картинку, переходите на вкладку HTML, там копируете ссылку изображения и вставляете ее в наш код. При этом сообщение можно не публиковать, просто оставить, как черновик. Как это делается можно посмотреть на видео. 

5 дополнений Google Chrome, которые позволят изменить любой сайт в считанные минуты

31 Марта, 2015,
15:00

37797

Ни для кого не секрет, что сегодня веб-сайты используют каскадные таблицы стилей (CSS), содержащие параметры всех элементов страницы. В CSS указываются шрифты, размеры объектов, рамочек, картинок, блоки и таблицы. Мы решили собрать для вас подборку дополнений Google Chrome, которые позволят отредактировать стиль любой страницы в интернете. Бонусом мы покажем, как поменять фон странички.

У каждого человека есть свои предпочтения и интересы, особенно, когда дело касается веб-дизайна. Вспомните хотя бы вечные холивары после каждого обновления YouTube. Да и у вас наверняка есть несколько замечаний к отображению информации на любимом сайте: где-то шрифт некрасивый или мелкий, где-то вообще ненужный блок уведомлений висит. А вот здесь было бы неплохо добавить фоновую картинку!

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

Stylebot

Пожалуй, самое популярное расширение с открытым исходным кодом. Позволяет на лету редактировать шрифты, цвета, размеры и многое другое. Имеет простой режим редактирования: при открытом окне Stylebot вы можете выбрать нужный элемент, просто наведя на него указатель мыши. Изменения сохраняются моментально, пользовательскими стилями можно делиться с друзьями.

Web Override

Приложение для подключения Javascript’овых скриптов ко внешним веб-сайтам. Уже содержит в себе jQuery, async.js, moment.js и Lodash, так что функции этих библиотек можно свободно использовать. Подходит для продвинутых пользователей, умеющих пользоваться Javascript, однако новички могут использовать расширение для внедрения уже написанных кем-то скриптов.

Styler

Принцип тот же, что и у Stylebot: быстро редактируем стиль странички, изменения сохраняются моментально. Интерфейс и последовательность действий немного другие, чуть меньше возможностей. Так что выбор остается за вами: что больше по душе придется.

Stylish

Мощнейший инструмент для кастомизации веб-сайтов, по возможностям близок к Stylebot. Позволяет скрывать ненужные элементы, редактировать стили, делиться результатом с друзьями. Веб-сайт дополнения содержит более 10 000 пользовательских стилей для изменения внешнего вида Facebook, YouTube, App Store и многих других популярных ресурсов.

Live CSS Editor

По нажатию сочетания клавиш открывает небольшое окошко, где пользователь может вписать любой стиль, который тут же будет применен к странице (после закрытия изменения сохраняются). Просто и удобно: ничего лишнего.

Расскажем, как и обещали, как отредактировать фон любой странички на примере Stylebot.

Важно! Этот метод красиво смотрится на “легких” страницах, не перегруженных блоками и меню и представлен только для ознакомления с возможностями дополнений. Советуем пробовать его на сайте Google.com.

• заходим на необходимую страничку
• кликаем по иконке Stylebot в правом верхнем углу Chrome
• нажимаем Open Stylebot
• внизу выбираем опцию Edit Css
• Вводим следующий код:

body {
background: url(https://dl.dropboxusercontent.com/u/28029149/NGC_2818_by_the_Hubble_Space_Telescope.jpg) ;
background-size: 100% 100%;
!important;
}

• закрываем Stylebot

Готово! Вместо картинки, приведенной в качестве примера, можно использовать любую другую (нужно просто заменить ссылку в коде выше). Для более сложной кастомизации сайтов придется почитать мануалы по CSS, но поверьте: в этом нет ничего сложного.

Читайте также: 5 красивых дополнений Google Chrome.

Как изменить фон Google — Алина Олешко — Хайп

Вы можете изменить фон своей учётной записи Google, чтобы сделать работу с сервисами более приятной и легко отличать одну учётную запись от другой на общем компьютере благодаря уникальному интерфейсу.

Стандартный фон Google сложно назвать вдохновляющим. На самом деле, белый экран выглядит довольно скучно, несмотря на то, что Google часто создаёт дудлы на основе своего логотипа, которые появляются на главной странице в честь различных событий и праздников.

Но хорошая новость в том, что вы можете изменить этот белый фон интерфейса, выбрав из тысячи различных фоновых изображений понравившееся. Тогда поиск всегда будет начинаться с картинки, которая вам нравится. А поскольку изменение занимает всего несколько секунд, вы можете менять его так часто, как захотите: раз в неделю или даже каждый день. Вот как это сделать:

1. Для начала запустите браузер Google Chrome. Если вы используете Safari, Firefox или какой-либо другой браузер, закройте его и перейдите на Chrome, поскольку только в нём вы можете изменять фон интерфейса по своему желанию.

2. Теперь войдите в свою учётную запись Google и затем щёлкните на три точки в правом верхнем углу.

3. В появившемся меню выберите пункт «Настройки».

4. Прокрутите вниз до раздела под названием Внешний вид и затем нажмите на пункт «Темы».

5. Вы попадёте на страницу, где продемонстрированы некоторые из самых популярных вариантов оформления интерфейса в различных категориях, таких как «Природная красота», «Супергерои» и «Мегаполис». Выберите изображение, которое вы хотите установить в качестве фонового, или нажмите на кнопку «Посмотреть всё» в понравившейся категории.

6. После того, как вы выбрали тему интерфейса, щелкните по ней, а затем по синему полю с надписью «Установить».

7. Готово! Теперь, открывая главную страницу Google, вы должны увидеть новую тему вместо скучного белого фона.

Чтобы убрать фоновое изображение и вернуться к стандартному оформлению интерфейса, повторите эти шаги и нажмите на кнопку «Сбросить» в разделе «Внешний вид».

Новое оформление интерфейса сделает взаимодействие с Google ещё более приятным. Кроме того, разные фоны для разных учётных записей — отличное решение в случае, когда одним компьютером пользуются несколько человек. Использование персонализированных фонов — хорошая идея для общего семейного компьютера, а также для компьютеров на работе, в библиотеке или школе.

Источник: Business Insider

Как изменить цвет фона при выделении мышкой текста. Только CSS

При помощи простого правила CSS вы можете поменять цвет фона и шрифта при выделении текста мышкой.

Это не даст + при продвижении, но если у вас часто выделяют текст и копируют, то ваши посетители удивятся подобной штуке. Главное — подобрать цветовую гамму.

Если честно, то я подглядел подобную штуку на читаемом мною портале и решил позаимствовать. Быть может и вас заинтересует подобное «украшательство» для своего сайта.

Меняем цвет при выделении мышкой

Можете сейчас выделить часть текста на моем сайте и увидите что фон не стандартный синий. Если ранее посещали мой блог, то не забудьте сбросить кеш у браузера, чтобы изменения были заметны.

Добавляем в свой файл стилей шаблона (обычно style.css) следующие строки:

::-moz-selection{background: #000; color: #fff;} ::webkit-selection{background: #000; color: #fff;} ::selection{background: #000; color: #fff;}

Сейчас мы задали правило для всех элементов на сайте. Можно задать для каких-то определенных свои настройки цвета. Например только для текста, который разбит на абзацы соотв. тегом:

p::-moz-selection{background: #000; color: #fff;} p::webkit-selection{background: #000; color: #fff;} p::selection{background: #000; color: #fff;}

В представленном коде мы делаем поддержку современных браузеров и задаем:

• background: #000; — черный цвет фона. Можете менять на произвольный свой.
• color: #fff; — цвет текста при выделении (сейчас белый). Так же меняйте на произвольный.

Чтобы подобрать необходимый цвет, можете воспользоваться пипеткой в программе FastStone Capture, либо одной из тысяч аналогичных пипеток в других программах.

Кто хочет, может добавить сюда новый курсор, который будет работать только над выделенным текстом. В помощь статья Стилизованный курсор на любом сайте за минуту.

Я не сторонник E-mail рассылок, но поговаривают что этот суперкачественный сервис почтовых рассылок обеспечит получение прибыли при минимуме затрат. Кто занимается продажей товаров/услуг, должен оценить потенциал сервиса.

Как изменить фон на моем веб-сайте?

Примечание:
Эта статья предназначена для информационных целей и руководства. Имейте в виду, что техническая поддержка Shift4Shop не может и не квалифицирована для оказания поддержки по изменению файлов CSS на вашем сайте.

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

В большинстве шаблонов Shift4Shop будет использоваться фоновое изображение в сочетании со сплошным цветом для достижения определенного внешнего вида.Например, на следующем изображении мы замечаем, что стиль шаблона содержит сотовый узор, переходящий в сплошной цвет, как показано здесь:

Этот эффект достигается за счет использования сплошного цвета (в данном случае черного) для фона, а также добавления изображения, создающего сотовый узор. Все это контролируется через файл CSS темы.

Чтобы изменить фон вашего сайта, вам нужно будет отредактировать файл CSS, специфичный для выбранной темы, и изменить его «основной» стиль в соответствии с вашими потребностями.

Доступ к файлу CSS

Через менеджера вашего интернет-магазина:

1. Перейти к Настройки > Дизайн > Темы и стили
2. Нажмите кнопку «Изменить внешний вид / цвета (CSS)», расположенную в верхней части страницы.

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

Примечание:
Папка темы вашего магазина содержит файл «default.css» в качестве таблицы стилей. Как только вы нажмете кнопку «Изменить внешний вид / цвета (CSS)», описанную выше, ваш магазин начнет использовать дополнительную таблицу стилей с именем «default_modifed».

3. В редакторе таблиц стилей найдите стиль «body» и нажмите его отдельную кнопку «Action> Edit».

Совет:
Используйте CTRL-F в браузере, чтобы найти слово «тело» и найти его проще.

4. Найдите поле «фон» и измените его значения в соответствии с вашими потребностями.

Совет:
Опытные пользователи, хорошо разбирающиеся в CSS, также могут нажать кнопку «Расширенный режим», расположенную вверху, и получить доступ ко всему файлу CSS целиком.

Редактирование CSS

Раздел фона основного стиля обычно содержит шестнадцатеричное значение цвета (#xxxxxx) и URL-адрес используемого изображения. Вы также можете увидеть некоторые инструкции о том, как должно отображаться изображение.Например, в следующем примере в качестве фона используется стиль по умолчанию:

# 020202 url (images / BG_body.jpg) без повтора вверх по центру

В данном случае:

• # 020202 — задает темный цвет
• url (images / BG_body.jpg) — указывает путь к изображению
• без повтора по центру сверху — задает выравнивание и отображение изображения.

Удаление изображения

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

Совет:
На некоторые цвета можно ссылаться по их именам, а не по шестнадцатеричным значениям. Например, # FF0000 можно заменить словом «красный». Щелкните здесь , чтобы просмотреть список цветов, на которые можно ссылаться по имени.

Изменение изображения

Если вы хотите изменить фактическое используемое изображение, просто загрузите новое изображение и укажите на него ссылку в файле CSS.

Примечание:
При загрузке нового изображения обязательно загрузите его прямо в папку / web / assets / templates / [theme] / css / images вашего сайта, где [theme] — это имя папки вашей темы. (например, v40001-html5)

Размещение изображения

Существует также несколько параметров отображения изображений CSS, которые можно использовать для управления отображением изображения. Щелкните здесь , чтобы получить дополнительную информацию об этих тегах CSS.

Некоторые общие параметры:

• без повтора: изображение отображается только один раз на странице
• repeat-x: изображение повторяется по горизонтали на странице.
• repeat-y: изображение повторяется вертикально вниз по странице

Как изменить цвет фона на сайте WordPress?

Установка хорошего фона для страниц веб-сайта важна в веб-дизайне. Мы покажем вам, как изменить цвет фона в WordPress. В качестве фона может повысить выразительность веб-сайта и лучше выделить контент.

Различные дизайны, основанные на разных цветах фона

Вы можете изменить цвет для:

• Различные разделы на странице для создания симметрии и обеспечения цветового баланса на веб-сайте

• Вся поверхность страниц сайта

Различные типы веб-сайтов в зависимости от типа фона, который вы выбираете

Тип фона, который вы выберете, частично определит тип веб-сайта, который вы хотите создать.

Таким образом, для фона страниц вашего сайта вы можете применить:

• Простой цвет (можно настроить цвета, чтобы они соответствовали общему дизайну)
• Градиенты (вы можете настроить градиенты, чтобы они лучше всего соответствовали дизайну веб-сайта)
• изображения (вы можете выбрать отображение полноэкранного изображения, повторения изображения в фоновом режиме, центрирования его и т. Д.)
• Видео (вы можете включить видео, которое вы загружаете со своего устройства, или предоставить ссылку на внешний источник видео).

Если вы создаете веб-сайт в WordPress, вам необходимо выбрать тему, которая имеет такие функции, включенные в пакет опций. Таким образом, вы можете применять разные фоны к разным разделам и целиком к отдельным страницам, в зависимости от рекомендаций по дизайну вашего веб-сайта.

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

Как изменить фон (цвет) на сайте WordPress?

Мы выбрали Mesmerize, чтобы показать, как можно изменить фон сайтов WordPress. Эта тема имеет комплексные функции для изменения цвета фона, изображений и градиентов, поэтому мы считаем целесообразным использовать ее в качестве примера темы:

Фоновое изображение

На панели инструментов WordPress перейдите в Внешний вид -> Фон.

Вы попадете в настройщик, где сможете настроить большинство параметров для вновь созданного веб-сайта.

В настройщике открыт раздел «Общие настройки». Перейти к фоновому изображению.

Загрузите изображение со своего компьютера:

Цвет фона

В настройщике перейдите в Общие настройки -> Цвета -> Цвет фона.

Нажмите «Выбрать цвет», чтобы выбрать цвет по своему вкусу и настроить его параметры (яркость, насыщенность и оттенок).

Вы можете выбрать цвет фона на основе предыдущего выбора основного и дополнительного цвета.Цветовую схему веб-сайта для всего веб-сайта можно настроить путем тщательного выбора цветов в этом подразделе общих настроек в настройщике.

Расширенные настройки фона веб-сайта

Настроить свойства цвета

Хорошая тема позволит настроить все цветовые свойства, а именно:

• Яркость
• Насыщенность
• Оттенок

Щелкнув поле цвета, вы должны поместить указатель на нужный цвет с соответствующей яркостью, насыщенностью и оттенком (как вы можете видеть на изображении выше).

Яркость , или яркость, означает количество белого, содержащегося в цвете. С технической точки зрения светлота определяется как «ценность» цвета.

Оттенок цвета указывает на то, насколько он темный. Это сочетание оттенка и черного.

Цвет Насыщенность означает интенсивность цвета изображения. Это выражение ширины полосы света от источника.

Подробнее о цветах и ​​их компонентах читайте в этой статье.

Отрегулируйте непрозрачность / прозрачность цвета фона

Если вы выбрали тему с широкими возможностями, вы сможете установить непрозрачность / прозрачность цвета фона.

Выбрав значение на ползунке, соответствующее выбранному вами цвету, вы можете выбрать более прозрачный или непрозрачный цвет.

Отсюда вы настраиваете способ отображения текста, включенного в раздел.Значения на ползунке помогают установить оптимальный контраст между содержимым раздела и фоном, на котором он размещен.

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

Примените наложение фона для страниц своего веб-сайта

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

В теме с несколькими настройками фона вы найдете возможность применить наложение к цвету / изображению фона. Если вам не нужен оверлей, просто оставьте для параметра значение по умолчанию (то есть 100% прозрачность оверлея или отсутствие активированного оверлея для страницы / раздела страницы).

Это пример того, как вы можете настроить наложение фона:

Контраст между фоном и текстом

Мы показали вам, как изменить цвет фона в WordPress.Следует принять во внимание еще один аспект. Чтобы содержимое страницы было разборчивым, необходимо обеспечить оптимальный контраст между цветами содержимого и цветом фона. Оптимальным стандартом является коэффициент контрастности, и он имеет определенные значения.

Согласно рекомендациям по обеспечению доступности веб-контента, минимальный коэффициент контрастности 3: 1 требуется для текста, размер которого превышает 18 пикселей.

Примите во внимание этот стандарт, и вы получите хорошие оценки по удобочитаемости.

Как изменить цвет фона и текста веб-страницы

Обновлено: 21.05.2018 компанией Computer Hope

Ниже приведены инструкции по изменению цвета фона веб-страницы в HTML и CSS.Хотя цвет фона можно задать с помощью тега HTML BODY, мы рекомендуем вам указать значения цвета фона в CSS, как показано ниже.

Кончик

При определении цвета любого элемента веб-страницы может потребоваться использование цветовых кодов HTML. Для основных цветов вы также можете указать названия этих цветов вместо использования цветовых кодов, например красный, синий, зеленый и черный, вместо использования их соответствующих значений цветовых кодов.

Пример CSS

В приведенном ниже примере CSS мы устанавливаем для тела черный цвет фона, добавляя «background-color: # 000;» в корпусе блока.Поскольку цвет фона черный, цвет текста необходимо изменить на более светлый, иначе он не будет виден. Итак, мы устанавливаем белый цвет текста, добавляя «color: #fff;» в блок.

 body {
  семейство шрифтов: Helvetica, Arial, sans-serif;
  цвет фона: # 000;
  цвет: #fff;
} 

Если на странице не используется CSS, ниже приведены шаги по выполнению того же стиля в теге BODY HTML. Однако, как упоминалось ранее, мы настоятельно рекомендуем использовать приведенный выше код CSS вместо тега body.Если вы используете стили CSS, вы можете изменить значения цвета фона один раз, и изменения будут автоматически применены ко всем элементам HTML, использующим этот стиль.

Пример HTML-тега

В очень редких случаях использование CSS может оказаться невозможным. Для таких ситуаций вы также можете определить цвет фона, цвет текста, цвет ссылки и другие значения в теге тела HTML, как показано ниже.

Ниже приведены описания каждого из атрибутов HTML в теге body.

ТЕКСТ = Цвет текста.
ССЫЛКА = Цвет ссылок.
VLINK = Цвет посещенной ссылки.
ALINK = Цвет активной ссылки или цвет, на который ссылка меняет при нажатии.
BGCOLOR = Цвет фона страницы.

Кончик

На этой странице ссылка имеет синий цвет, ссылки, которые вы уже посетили, — фиолетовый, а ссылки, на которые вы наводите курсор или нажимаете, — красный.

Как изменить фон в Google Chrome

По умолчанию, когда вы открываете Google Chrome, фон представляет собой пустое белое окно с полем поиска Google и парой ярлыков прямо под ним.Если на вашем устройстве включен темный режим, фон может быть темно-серым. В любом случае, это довольно скучно и скучно.

Вы можете изменить фон в Chrome, чтобы при открытии новой вкладки вы могли вместо этого смотреть на изображение. Вы также можете изменить цветовую схему для вкладок и окна Chrome на что-нибудь более интересное. В этом посте мы покажем вам, как это сделать. Таким образом, вы можете просматривать веб-страницы и наслаждаться просмотром, пока вы это делаете.

Обратите внимание, что ничто из этого не изменит фон при переходе в Google.com. Невозможно изменить внешний вид самого Gooogle.com, если вы не используете какое-либо стороннее расширение, которое изменяет HTML для веб-страницы.

Использование готовой темы

Изменить фон в Google очень просто. Обратите внимание, что это изменит фон, когда вы откроете новую вкладку в Chrome. Если у вас есть расширение, которое заменяет вкладку по умолчанию в Chrome настраиваемой страницей, изменение этих настроек не повлияет.

Если у вас еще нет идей по теме, вы всегда можете заглянуть в магазин, чтобы найти популярные.

Для начала запустите Google Chrome. Важно отметить, что это руководство работает только в том случае, если у вас установлен браузер Chrome. Если вы используете Mozilla Firefox или Microsoft Edge, вы не сможете сделать это, выполнив следующие действия.

Затем идите в дальний конец (правый
угол) браузера Chrome и щелкните значок с тремя точками.
Откроется раскрывающееся меню. Здесь нажмите Настройки .

Прокрутите вниз до раздела Внешний вид .Там вы найдете Open Chrome Web Store под темами . Щелкните по этой ссылке.

Теперь выберите тему. Если у вас есть конкретная тема, просто найдите ее! Если вы хотите посмотреть доступные в галерее, вы также можете просмотреть категории.

В любом случае нажмите на тему,
ты хочешь. Откроется новая вкладка с этой темой.

Если у вас есть тема, которая вас устраивает, нажмите кнопку Добавить в Chrome .

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

Теперь вы можете наслаждаться своей новой темой! Вы должны увидеть изменения цвета в верхней части окна Chrome и на странице новой вкладки. Если вам это не нравится, вы всегда можете выбрать другую тему в магазине. Просто нажмите Отменить , чтобы отменить изменения.

Если вы хотите вернуться к тому, каким была ваша тема, просто перейдите в раздел Appearance еще раз.Там выберите Сбросить до по умолчанию.

Использование собственного фонового изображения

Вы также можете изменить фон Google своими личными фотографиями и выбрать свои собственные цвета. Вы можете использовать фотографии своей семьи, друзей и домашних животных! Если нет, выбирайте те, которые выбрал для вас Google.

Для начала откройте новую вкладку в Chrome. Затем щелкните значок шестеренки или ссылку Customize внизу.

Откроется меню с надписью Настроить страницу .Здесь вы можете выбрать, как вы хотите изменить свой фон Google. Вы можете загрузить собственное изображение. Просто выберите изображение со своего компьютера.

Вы также можете использовать Chrome
фоны. Если вы выберете эту опцию, появится окно. Там,
вы можете просмотреть коллекцию великолепных дизайнов!

Щелкните Color and theme , чтобы выбрать собственные цвета для окна браузера. Вы можете щелкнуть круг в левом верхнем углу с помощью пипетки, чтобы выбрать свои собственные цвета.

Если вам не нравится новый фон, вы всегда можете вернуться к исходному. Для этого еще раз перейдите к значку шестеренки. Там вы найдете опцию, которая позволяет Восстановить фон по умолчанию . Щелкните здесь, чтобы отменить изменения.

Надеюсь, это помогло вам изменить фон в Google Chrome на что-то более желаемое. Если вы хотели изменить настройки, сообщите нам об этом в комментариях, и мы постараемся помочь.

Как изменить фон на главной странице Google Chrome

• Вы можете изменить фон новой вкладки Google Chrome, нажав кнопку «Настроить» в правом нижнем углу новой вкладки.
• Google предлагает множество собственных тем на выбор, или вы можете загрузить свое собственное изображение.
• Вы можете настроить автоматическое изменение фонового изображения каждый день, а также настроить акцентные цвета в браузере.
• Чтобы узнать больше, посетите техническую библиотеку Insider .

Идет загрузка.

Белый фон по умолчанию на странице новой вкладки Google Chrome не так уж и вдохновляет, но вы можете настроить фоновое изображение и акцентировать цвета по своему вкусу.

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

Как изменить фоновое изображение в браузере Google

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

1. Откройте

Гугл Хром
веб-браузере и войдите в свою учетную запись в правом верхнем углу, если вы еще этого не сделали.

2. На странице «Новая вкладка» нажмите кнопку «Настроить» в правом нижнем углу.

Нажмите кнопку «Настроить» в правом нижнем углу.Грейс Элиза Гудвин / Insider

3. На вкладке «Фон» всплывающего окна вы можете выбрать один из доступных вариантов фона или выбрать «Загрузить с устройства», чтобы использовать собственное изображение.

Выберите вариант во всплывающем окне.Грейс Элиза Гудвин / Insider

4. После того, как вы выберете такую ​​опцию, как «Коллекция черных художников», вы попадете на другой экран с дополнительными опциями фона в этой категории. Вы можете либо щелкнуть «Обновлять ежедневно» в правом верхнем углу, чтобы Google циклически перебирал фон в этой категории каждый день, либо вы можете щелкнуть изображение, чтобы установить его в качестве постоянного фона.

Выберите изображение или выберите «Обновлять ежедневно».

Грейс Элиза Гудвин / Insider

5. После того, как вы выбрали вариант, нажмите «Готово». Теперь каждый раз, когда вы переходите на страницу новой вкладки Chrome, вы должны видеть новый фон, растянутый по странице вокруг центральной панели поиска.

Выбранное вами изображение теперь станет фоном вашей домашней страницы Chrome.Грейс Элиза Гудвин / Insider

6. Вы также можете изменить цвет и тему браузера Chrome во всплывающем окне «Настроить эту страницу». Щелкните вкладку «Цвет и тема» и выберите цветовую схему. Нажмите «Готово», и вы увидите новые цвета, примененные к заголовку браузера, в котором находятся все ваши открытые вкладки.

Выберите цветовую схему и нажмите «Готово».»

Грейс Элиза Гудвин / Insider

Стивен Джон участвовал в работе над предыдущей версией этой статьи.

Грейс Элиза Гудвин

Заместитель редактора, технический справочник

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

Любой, кто много читает в Интернете, знает, что напряжение глаз, связанное с компьютером, может быть настоящим раздражением, особенно если у вас уже есть другие проблемы со зрением или проблемы со зрением условия освещения.Одна из основных причин, по которой ваши глаза напрягаются от долгих часов чтения на электронном устройстве, даже больше, чем если бы вы читали один и тот же текст из книги, заключается в контрасте текста, который вы читаете, по сравнению с тусклым текстом. , более темный фон стены или вашего стола. Фактически, исследования доказали, что чтение на ярком экране в темной комнате может вызвать трудности с засыпанием и получением быстрого сна хорошего качества.

Компьютеры и мобильные устройства отображают тысячи крошечных пикселей, которые намного ярче, чем цвета, которые мы привыкли видеть в реальном мире.Таким образом, один из лучших способов снизить нагрузку на глаза, связанную с компьютером, — это изменить фон страниц, чтобы уменьшить контраст, или выбрать цвет, на который вашим глазам будет удобнее смотреть в течение длительного времени. С учетом сказанного, это во многом зависит от личных предпочтений, поскольку некоторые люди могут терпеть страницы с черным фоном, а другие предпочитают белый фон. Возможность выбора в вашем веб-браузере — приятная особенность.

Вот несколько способов изменить цвет фона любой веб-страницы в Chrome, Firefox, Opera и Internet Explorer с помощью нескольких полезных расширений, плагинов и настроек:

Для пользователей Chrome

Установите и используйте одно или несколько из следующих расширений:

• Care your Eyes — Это удобное расширение позволяет легко настроить фоновое изображение / цвет и цвет шрифта любой страницы одним нажатием кнопки.После установки эту функцию можно включить через контекстное меню или щелкнув значок зеленых солнцезащитных очков в правом верхнем углу браузера.

• Deluminate — У этого не так много вариантов настройки цвета. Вместо этого он просто инвертирует яркость фона каждой страницы, чтобы облегчить чтение для глаз.

• Turn off the Lights — Это расширение больше предназначено для просмотра видео на таких сайтах, как YouTube, поскольку оно заменяет яркий фон эффектом приглушенного освещения в кинотеатре.

• Hacker Vision — Это довольно простой, но высокий рейтинг, более 150 000 пользователей дали ему 5 звезд. Он применяет темный фон и жирный текст ко всем веб-страницам. Также есть возможность указать, какие страницы вы хотите отображать в режиме высокой контрастности.

Для пользователей Firefox

Установите и используйте одно или несколько из следующих надстроек:

• Раскрась этот сайт! — это один из моих любимых, поскольку он позволяет использовать ползунки для настройки точных цветов фона и переднего плана любого сайта.Это действительно делает Интернет более визуально настраиваемым местом и является отличным инструментом для веб-дизайнеров, которые ищут простой способ проверить цветовые концепции на своих сайтах.

• Screen Dimmer — Позволяет легко затемнить фон любой веб-страницы с помощью удобных комбинаций горячих клавиш. Вы также можете полностью изменить цвет наложения или щелкнуть страницу правой кнопкой мыши, чтобы получить доступ к настройкам наложения в контекстном меню.

• Stylish — Из всех перечисленных здесь расширений и надстроек это обеспечивает наиболее гибкие параметры настройки.По сути, это позволяет вам изменить дизайн ваших любимых веб-сайтов и сохранить эти настройки, чтобы каждый раз, когда вы посещаете YouTube или Facebook, например, вы могли видеть цвета фона и стили макета, которые вы выбрали лично. Он даже позволяет настраивать интерфейс самого браузера Firefox.

• Пустой монитор + легкость чтения — BYM — это отличное расширение, которое позволяет быстро переключать цвет фона сайта с помощью кнопки строки состояния, контекстного меню правой кнопки мыши или комбинации горячих клавиш «Ctrl + Alt + Z.«

Для пользователей Opera

Вот несколько расширений Opera, которые также справятся со своей задачей:

• Ночной режим — Добавляет кнопку с лампочкой в ​​правом верхнем углу браузера. При нажатии на нее можно переключаться между режимами «День» и «Ночь», при этом в ночном режиме отображается черный фон, что облегчает чтение для некоторых людей.
• Темная кожа для YouTube — изменяет цвет фона YouTube на темно-серый для более кинематографического эффекта просмотра.

Стоит отметить, что Web-страница Theme-up и Web-страница Dressup — это два устаревших расширения Opera, созданных одним и тем же разработчиком. Хотя они все еще доступны в магазине расширений Opera, они не работают с текущими версиями браузера. Просто подумал, что мы должны упомянуть об этом, прежде чем тратить время на их тестирование.

Для пользователей Internet Explorer

В IE процесс немного проще, так как опция встроена прямо в настройки браузера.Выполните следующие действия, чтобы настроить цвет фона и шрифт любой веб-страницы в Internet Explorer:

1. Щелкните колесо настроек в правом верхнем углу и выберите «Свойства обозревателя».

2. На вкладке «Общие» нажмите кнопку «Специальные возможности» в правом нижнем углу, затем установите все флажки в разделе «Форматирование»:

3. Нажмите кнопку «Цвета», снимите флажок «Использовать цвета Windows», а затем выберите желаемый цвет текста, фона и ссылок.

Обновите страницу, которую вы посещаете, и должна быть применена новая цветовая схема.

Заключение — Chrome и Firefox работают лучше всего

Независимо от того, какой браузер вы используете, мы почти можем гарантировать вам, что есть способ изменить цвет фона любой страницы, чтобы уменьшить нагрузку на глаза. С учетом сказанного, моими личными фаворитами являются Mozilla Firefox и Google Chrome, поскольку они неизменно занимают первое место в тестовых тестах и ​​имеют самые большие библиотеки расширений и надстроек, как вы можете видеть только на этом примере.

Вот как изменить фон Google в Chrome

Google Chrome довольно прост, но это не обязательно. Один из способов оживить его — изменить общий вид с помощью новой темы. Вы можете не только изменить фон новой вкладки, но и изменить общий цвет вкладок, панели закладок и т. Д.

Однако этот метод не работает в версии Microsoft Edge на основе Chromium и не меняет внешний вид веб-сайта Google. Этот метод применим только к Google Chrome, лучшему браузеру, который вы можете скачать прямо сейчас, и его странице новой вкладки.

Вот как изменить фон Google. Однако, прежде чем нажимать на, обязательно обновите Chrome, так как следующие инструкции относятся к последней версии Chrome, версии 91.

Используйте тему

Здесь мы устанавливаем тему, которую вы можете загрузить из Интернет-магазина Chrome. Темы обычно включают в себя настраиваемое изображение, которое появляется на фоне New Tab , а также новые цвета, разбросанные по всему браузеру.

Часть 1. Найдите настройку темы

скриншот

Сначала найдите параметр «Тема» в Google Chrome.

Шаг 1: Щелкните трехточечный значок «Настройка и управление Google Chrome », расположенный в правом верхнем углу.

Шаг 2: Выберите параметр Настройки в раскрывающемся меню.

Шаг 3: Выберите Внешний вид из списка слева.

Шаг 4: Щелкните Theme в списке справа. Это действие приведет вас в Интернет-магазин Chrome.

Примечание: Вы также можете получить доступ к этому параметру, набрав chrome: // settings / appearance в адресном поле браузера.

Часть 2: Выберите свою тему

Раздел «Темы» Интернет-магазина Chrome откроется в новой вкладке. Здесь вы можете просмотреть множество доступных тем в магазине, разделенных на широкие категории. Основное изображение, которое вы видите, обычно является изображением, которое будет отображаться в качестве фона для новой вкладки, поэтому вы можете использовать его в качестве руководства для выбора. Если вам нужна помощь, это наши любимые темы.

В каждой категории отображается восемь тем с наивысшим рейтингом для этого типа контента, но вы можете развернуть эту категорию, нажав кнопку Просмотреть все .Если вы хотите просматривать только темы, разработанные Google, щелкните параметр Все в списке Категории слева и выберите От Google в раскрывающемся меню.

Выбрав тему, обязательно ознакомьтесь с изображениями для предварительного просмотра и обзорами. Раздел Support (если он доступен для этой темы) также предоставит вам информацию о проблемах (если таковые имеются), с которыми пользователи столкнулись при использовании темы. Проверка вкладки Связанные покажет вам больше тем от этого конкретного разработчика.

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

, часть 3. Добавьте в Chrome

Если вы найдете что-то, что вам нравится, нажмите синюю кнопку Добавить в Chrome . Когда Chrome применяет тему, эта кнопка становится белой, показывая: Добавлено в Chrome . Вы также увидите синюю кнопку Отменить для удаления темы.

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

Посмотрите, нравится ли вам общая тема — иногда вам может нравиться изображение, но не то, что оно делает с вашими вкладками или цвета, которые оно добавляет в браузер. В этом случае нажмите кнопку Отменить или вернитесь к Внешний вид в меню Настройки и вернитесь к теме по умолчанию.

Предупреждение: Хотя Google якобы сканирует все, что загружено в Интернет-магазин Chrome, будьте осторожны с тем, что вы устанавливаете в Chrome.Попробуйте придерживаться темы, разработанной Google, и установите собственное изображение для фона новой вкладки. Однако не все темы, не относящиеся к Google, являются вредоносными, но вы никогда не знаете.

Настроить Chrome

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

Часть 1. Выберите собственное изображение

скриншот

Сначала давайте установим собственный образ, предоставленный вами или Google.

Шаг 1: Откройте новую вкладку и нажмите кнопку Настроить Chrome , расположенную в правом нижнем углу.

Шаг 2: В браузере откроется окно с категорией Фон , открытой по умолчанию. Выберите категорию фона, чтобы просмотреть параметры фона в этой категории, или нажмите Загрузить с устройства , чтобы использовать изображение, хранящееся на вашем ПК. Если вы выберете последнее, Chrome откроет всплывающее окно ( File Explorer / Finder / Files ), чтобы вы могли найти и выбрать желаемое изображение.

Шаг 3: Если вы выбрали предустановленный фон от Google, щелкните нужный фон и нажмите кнопку Готово , чтобы завершить изменение.

Когда вы открываете новую вкладку в Chrome, изображение появляется на вашем экране. Вы можете удалить его в любое время, снова нажав кнопку Настроить (в данном случае это просто значок карандаша), выбрав Classic Chrome , а затем выбрав Готово .

Часть 2. Выбор цвета и темы

Вы можете выбрать фоновое изображение или, если вы хотите более индивидуальный вид, вы можете настроить весь макет Chrome.Если вы не знаете, какую тему хотите установить, сделайте следующее:

Шаг 1 : Откройте новую вкладку и нажмите кнопку Настроить Chrome в правом нижнем углу.

Шаг 2 : Должно появиться окно браузера. Оттуда вы можете выбрать вкладку Color и Theme с левой стороны.

Step 3 : Вы увидите набор дополнительных образцов цвета — выберите свой любимый.

Шаг 4 : Выберите Готово , чтобы сохранить изменения.Вы сразу увидите результаты в своем браузере.