К-Сервис

понедельник, 18 марта 2013 г.

Как сменить стиль оформления любого сайта (страницы) в любом браузере.


В данном случае будем работать над сменой стиля оформления Google,но этот способ подходит абсолютно для любых сайтов.
Недавно возникла мысль сменить оформление главной страницы популярной поисковой системы Google.Некоторое время назад гугл ещё позволял менять фон на главной странице в несколько кликов мыши.Теперь когда эту опцию убрали,сменить оформление стало не так то просто,особенно для неопытных пользователей.Многие конечно со мной не согласятся,но иногда надоедает смотреть на неизменяющийся годами логотип Google на белом фоне.
Итак начнём.Раз у самого сайта нет настроек по изменению стиля оформления,тогда будем менять стиль в самом браузере.Почти у всех браузеров настройки схожи.Так как я пользуюсь браузером Opera на нём и будем треннироваться.
Для тех кто не знает,стили оперы хранятся в папке "styles",которая находится по адресу - "C:\Program Files\Opera".Это файлы css,которые открываются и редактируются в обычном блокноте.Но надо понимать что для неопытных пользователей это тёмный лес.Поэтому воспользуемся упрощённым вариантом.
Есть один хороший буржуйский сайт userstyles.org.Так вот на нём очень много готовых стилей оформления в том числе и для google.Чтобы автоматически установить один из готовых стилей нужно на оперу поставить расширение под названием "stylish for opera",скачать можно по ссылке https://addons.opera.com/ru/extensions/details/stylish-for-opera/.Уверен что для других браузеров также существуют подобные расширения или плагины.
Если нужно подправить что-то в готовом стиле,в расширении "stylish for opera" существует возможность редактировать стиль.
Для тех у кого нет такого расширения для браузера,можно поставить нужный стиль вручную.Для начала нужно создать текстовый документ.Всё на том же сайте  на странице выбранного стиля есть кнопочка "Show code" (показать код).В открывшейся вкладке нужно скопировать код,вставить его в наш текстовый документ и сохранить с любым именем с расширением css.Например сохраним файл как "google.css".Теперь можно установить наш стиль.Для этого открываем главную страницу google.ru.В любом месте на сайте нажимаем правую кнопку мышы,выбираем "настройки для сайта",дальше в открывшемся окне выбираем "вид" и в "моей таблице стилей" выбираем наш сохранённый стиль "google.css" и нажимаем ок,вот и всё стиль применён именно для выбранной страницы (сайта).
Теперь рассмотрим подробнее редактирование готового стиля css.Открываем наш стиль "google.css" в блокноте и находим там строчку (почти в самом начале) похожую на "background: #fff url("путь к вашей картинке") fixed bottom left !important;".Эта строка отвечает за фон в нашем стиле.Если вы хотите поменять фон,то в неё нужно вставить путь к вашей картинке.Также,если это стиль для главной странице "google",то там есть ещё строчка "content:'Google';",вместо Google можно написать что то своё.Ещё есть очень много цветовых настроек и настроек для шрифтов.
В итоге можно получить что-то похожее на это.






Комментариев нет:

Отправить комментарий