Як змінити колір фону та тексту веб-сторінки?

Для зміни кольору фону застосовується властивість background додана до селектора body , а кольору тексту використовується властивість color , як показано у прикладі 1.

Приклад 1. Зміна кольору веб-сторінки

HTML5 CSS 2.1 IE Cr Op Sa Fx

Ескапізм стійко дає матеріалістичний комплекс незалежно від психічного стану пацієнта.

Результат цього прикладу показано на рис. 1.

Мал. 1. Вид сторінки, зі зміненим кольором фону та тексту

Рекомендуємо задавати колір фону, навіть якщо він білий. Справа в тому, що деякі користувачі встановлюють у браузері колір тла за замовчуванням відмінний від білого. Так що якщо колір явно не заданий, то він змінюється на інший, причому зовсім не той, який би хотілося в результаті отримати.

Робимо Google Chrome красивим / Кастомізація, оформлення та плагіни

Google Chrome є одним із найпопулярніших браузерів у світі. Ми зробимо його красивим, змінимо дизайн браузера до невпізнання, а також розглянемо кілька корисних плагінів для нього.

Змінюємо зовнішній вигляд

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

Ми ж з вами змінюватимемо зовнішній вигляд браузера за рахунок розширення Night Tab.

Ось що вам потрібно зробити:

1. Зайдіть до магазину розширень для Google Chrome;
2. Знайдіть там розширення Night Tab;
3. Встановіть розширення у браузері;
4. Після встановлення відкрийте нову вкладку, де у вас запитають, чи хочете ви залишити зміни. Натисніть кнопку «Залишити».

Після цього ви помітите, як сильно перетворилася ваша основна сторінка, але і це ще не все.

Якщо натиснути на іконку шестерні, то ви зможете встановити додаткові налаштування: колір заднього фону, колір обведення, формат шрифту, ви зможете встановити тіні, округлення кутів, встановити прозорість і багато іншого.

На головній сторінці повинні бути лише сайти, що цікаві вам. Щоб додати нові сайти, перемістити їх з місця на місце, видалити або зробити якусь іншу операцію, вам достатньо натиснути на іконку олівця і далі ви можете змінювати вкладки з сайтами на свій розсуд.

До такого крутого стартового екрану, звичайно ж, потрібна крута тема для Google Chrome. Щоб додати темну тему, зайдіть назад у магазин розширень і перейдіть на вкладку теми. Тут ви зможете вибрати будь-яку темну тему або якщо хочете таку саму, то для цього варто встановити тему Material Dark.

Якщо вам цікаво детальніше ознайомитися з цим плагіном, то рекомендуємо подивитися відео нижче:

Тепер ваш браузер явно виглядає куди крутішим!

Плагіни для Google Chrome

Змінити тему браузера та стартову сторінку – це, безумовно, круто. Але для повного задоволення не вистачає встановлення плагінів.

Для браузера було розроблено величезну кількість плагінів. Більшість із них пустушки, але є й ті, що справді цікаві. До речі, якщо вам цікаво зробити свій плагін, то зацініть відео нижче:

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

The great suspender

Встановивши нову тему та додавши плагінів, ви помітно посилите ненажерливість браузера до пам'яті вашого ПК. Щоб браузер працював краще, варто встановити розширення The Great Suspender.Воно дозволяє відключити вкладки, що не використовуються, і тим самим споживана потужність браузера знижується до мінімуму.

Dark Reader

Оскільки ми встановили темну тему для всього браузера, цілком розумно зробити аналогічну дію для всіх існуючих сайтів в інтернеті.

Зробити це можна за рахунок плагіна Dark Reader. Він дозволяє увімкнути темну тему для будь-якого сайту в інтернеті. Таким чином, навантаження на очі буде знижене і ви спокійно зможете сидіти за комп'ютером вночі без побоювання відкрити супер світлий веб сайт.

Checker for Gmail

Також розглянемо кілька корисних плагінів, що дозволять вам систематизувати вашу роботу. Перший такий плагін називається "Checker for Gmail". Він допомагає вам із вашою поштою. Щоразу, коли вам буде надходити лист у вас буде повідомлення і буде можливість швидко ознайомитися з листом у спеціальній формі.

Дуже зручне розширення і рекомендую його вам встановити.

WhatFont

Цей плагін сподобається всім розробникам веб-сайтів. За рахунок плагіна WhatFont ви можете швидко визначити, який шрифт знаходиться на сторінці. Дізнавшись його назву, ви швидко зможете знайти його в інтернеті і скачати собі.

Максимально зручний плагін для верстальників та дизайнерів.

Fake Filler

Як часто вам доводиться заповнювати різні форми на сайтах, хоча вам зовсім не хочеться цього робити? Плагін Fake Filler дозволяє заповнити будь-яку форму на сайті за рахунок фейкових (несправжніх) даних.

Плагін допоможе скоротити час у майбутньому.

Wappalyzer

А вам було цікаво дізнатися на чому написаний сайт? За допомогою плагіна Wappalyzer ви зможете швидко дізнатися, на чому написаний веб сайт і зможете подивитися які технології були використовувати при його створенні.

Плагін дозволяє визначити не тільки мову, але також показує, які технології і для чого були використані на сторінці.

ColorPick

За допомогою плагіна ColorPick ви можете швидко виявити, який колір використовується на сайті. Плагін дозволяє визначити будь-який піксель на сторінці і отримати його колір.

Більше цікавих новин