Як змяніць шрыфт Вконтакте

Anonim

Як змяніць шрыфт Вконтакте

У працэсе актыўнага выкарыстання сайта сацыяльнай сеткі Вконтакте у вас цалкам можа ўзнікнуць неабходнасць змены стандартнага шрыфта на які-небудзь больш прывабны. Рэалізаваць падобнае базавымі сродкамі гэтага рэсурсу, на жаль, немагчыма. Мы прапануем выкарыстаць спецыяльную пашырэннем Stylish для розных інтэрнэт-аглядальнікаў. Дзякуючы такому падыходу вам прадастаўляецца магчымасць выкарыстоўваць і ствараць тэмы на аснове базавай табліцы стыляў сайта VK.

Паказанае дадатак аднолькава працуе практычна ва ўсіх сучасных вэб-браўзэрах, аднак мы ў якасці прыкладу закранем выключна Google Chrome.

Улічыце, што ў працэсе прытрымлівання інструкцыі вы, пры належных ведах, можаце істотна змяніць увесь дызайн сайта ВК, а не толькі шрыфт.

Рэкамендуем вам прачытаць дадатковыя артыкулы па тэме змены шрыфта ў рамках сайта VK, каб ведаць аб усіх магчымых варыянтах вырашэння пытання:

Як маштабаваць тэкст ВК

Як зрабіць тоўсты шрыфт ВК

Як зрабіць Закрэслены тэкст ВК

усталёўваем Stylish

Дадатак Stylish для інтэрнэт-аглядальніка не мае афіцыйнага сайта, а спампаваць яго можна непасрэдна з крамы дапаўненняў. Усе магчымасці пашырэння распаўсюджваюцца на цалкам бясплатнай аснове.

Перайсці на сайт крамы Chrome

  1. Выкарыстоўваючы прыведзеную спасылку, перайдзіце на галоўную старонку крамы дапаўненняў для вэб-браўзэра Google Chrome.
  2. Пераход на галоўную старонку крамы дапаўненняў для інтэрнэт аглядальніка Google Chrome

  3. З дапамогай тэкставага поля «Пошук па краме» знайдзіце пашырэнне «Stylish».
  4. Пошук пашырэння Stylish ў інтэрнэт краме праз інтэрнэт аглядальнік Google Chrome

    Для спрашчэння пошуку не забудзьцеся ўсталяваць кропку насупраць пункта «Пашырэньні».

  5. Скарыстайцеся кнопкай «Устанавіць» ў блоку «Stylish - кастомные тэмы для любога сайта».
  6. Ўстаноўка пашырэння Stylish ў інтэрнэт краме праз інтэрнэт аглядальнік Google Chrome

  7. У абавязковым парадку пацвердзіце інтэграцыю дапаўненні ў ваш вэб-браўзэр, клікнуўшы па кнопцы «Устанавіць пашырэнне» ў дыялогавым акне.
  8. Пацверджанне ўстаноўкі пашырэння Stylish ў інтэрнэт краме праз інтэрнэт аглядальнік Google Chrome

  9. Пасля выканання рэкамендацый вы будзеце аўтаматычна перанакіраваны на стартавую старонку пашырэння. Адсюль вы можаце скарыстацца пошукам ўжо гатовых тым ці стварыць зусім новае афармленне для якога-небудзь сайта, уключаючы Укантакце.
  10. Галоўная старонка пашырэння Stylish ў інтэрнэт аглядальніку Google Chrome

    Рэкамендуем азнаёміцца ​​з відэаагляд гэтага дапаўненні на галоўнай старонцы.

  11. Акрамя таго, вам прадастаўляецца магчымасць вырабіць рэгістрацыю ці аўтарызацыю, аднак гэта ніяк не ўплывае на працу дадзенага пашырэння.
  12. Магчымасць аўтарызацыі ў пашырэнні Stylish ў інтэрнэт аглядальніку Google Chrome

Заўважце, што рэгістрацыя неабходная калі вы збіраецеся стварыць афармленне ВК не толькі для сябе, але і для іншых зацікаўленых карыстальнікаў гэтага пашырэння.

На гэтым працэс ўстаноўкі і падрыхтоўкі дапаўненні сканчаецца.

Выкарыстоўваем гатовыя стылі афармлення

Як было сказана, прыкладанне Stylish дазваляе не толькі ствараць, але і выкарыстоўваць чужыя стылі афармлення на розных сайтах. Пры гэтым, працуе дадзенае дадатак цалкам стабільна, не выклікаючы праблем з прадукцыйнасцю, і мае дастаткова шмат агульнага з пашырэннем, якія мы разглядалі ў адной з ранніх артыкулаў.

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

Працуем з рэдактарам Stylish

Разабраўшыся з магчымым змяненнем шрыфта шляхам выкарыстання іншых тэм афармлення, можна перайсці непасрэдна да самастойных дзеянняў датычна гэтага працэсу. Для гэтых мэтаў спачатку неабходна адкрыць спецыяльны рэдактар ​​пашырэння Stylish.

  1. Перайдзіце да сайта Вконтакте і знаходзячыся на любой старонцы дадзенага рэсурсу, клікніце па абразку пашырэння Stylish на спецыяльнай панэлі інструментаў у браўзэры.
  2. Пераход да налад пашырэння Stylish на галоўнай старонцы на сайце Вконтакте

  3. Адкрыўшы дадатковае меню, клікніце па кнопцы з трыма вертыкальна размешчанымі кропкамі.
  4. Пераход да дадатковага меню налад пашырэння Stylish ў інтэрнэт аглядальніку Google Chrome

  5. З прадстаўленага спісу выберыце пункт «Стварыць стыль».
  6. Пераход да рэдактара стыляў афармлення ў пашырэнні Stylish праз інтэрнэт аглядальнік Google Chrome

Зараз, калі вы апынуліся на старонцы са спецыяльным рэдактарам кода пашырэння Stylish, можна прыступаць да працэсу змены шрыфта Укантакце.

  1. У полі «Код 1» вам трэба ўвесці наступны набор сімвалаў, які пасля стане асноўным элементам кода ў рамках гэтага артыкула.
  2. body {}

    Увод пачатковага кода ў рэдактар ​​Stylish пры змене шрыфта на сайце Вконтакте

    Дадзены код мае на ўвазе тое, што тэкст будзе зменены ў рамках ўсяго сайта Вконтакте.

  3. Усталюйце курсор паміж фігурнымі дужкамі і двойчы націсніце клавішу «Enter». Менавіта ў створаную вобласць вам трэба будзе змяшчаць радкі кода з інструкцыі.

    Стварэнне табуляцыі для асноўнага кода ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

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

  4. Для таго, каб змяніць непасрэдна сам шрыфт, вам неабходна скарыстацца наступным кодам.
  5. font-family: Arial;

    Выкарыстанне кода font family ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    У якасці значэння тут могуць быць розныя шрыфты, якія маюцца ў вашай аперацыйнай сістэме.

  6. Каб памяняць памеры шрыфта, уключаючы любыя лічбы, на наступным радку скарыстайцеся гэтым кодам:
  7. font-size: 16px;

    Выкарыстанне кода font size ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    Звярніце ўвагу, што лічба можа быць ўстаноўлена любая у залежнасці ад вашых пераваг.

  8. Калі ў вас ёсць жаданне ўпрыгожыць гатовы шрыфт, вы можаце скарыстацца кодам для змены стылю тэксту.

    font-style: oblique;

    Выкарыстанне кода font style ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    У дадзеным выпадку значэнне можа быць адно з трох:

    • normal - звычайны шрыфт;
    • italic - курсіў;
    • oblique - нахільны.
  9. Для стварэння тлустасці вы можаце выкарыстоўваць наступны варыянт кода.

    font-weight: 800;

    Выкарыстанне кода font weight ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    Паказаны код прымае наступныя значэння:

    • 100-900 - ступень тлустасці;
    • Bold - паўтлусты тэкст.
  10. У якасці дадатку для новага шрыфта вы можаце змяніць яго колер, упісаўшы наступнай радком спецыяльны код.
  11. color: gray;

    Выкарыстанне кода color ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    Тут могуць быць паказаны любыя існуючыя колеру з дапамогай тэкставага назвы, RGBA- і HEX-кода.

  12. Каб зменены колер стабільна адлюстроўваўся на сайце ВК, вам спатрэбіцца дапісаць да пачатку створанага кода, адразу пасля слова «body», пералічваючы праз коску, некаторыя тэгі.
  13. body, div, span, a

    Змяненне колеру шрыфта для дадатковых тэгаў ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    Рэкамендуем скарыстацца нашым кодам, так як ён захоплівае ўсё тэкставыя блокі на сайце ВК.

  14. Каб праверыць, як створанае афармленне адлюстроўваецца на сайце ВК, у левай частцы старонкі запоўніце поле «Увядзіце назву" і націсніце кнопку «Захаваць».
  15. Захаванне афармлення для ВК ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

    Абавязкова ўсталюеце галачку «Уключана»!

  16. Адрэдагуйце код, каб афармленне цалкам задавальняла вашым уяўленням.
  17. Дадатковае рэдагаванне кода афармлення ў рэдактары Stylish пры змене шрыфта на сайце Вконтакте

  18. Зрабіўшы ўсё правільна, вы ўбачыце, што шрыфт на сайце Вконтакте зменіцца.
  19. Паспяхова зменены шрыфт на галоўнай старонцы на сайце Вконтакте

  20. Не забудзьцеся скарыстацца кнопкай «Завяршыць», калі стыль будзе цалкам гатовы.
  21. Выкарыстанне кнопкі завяршыць у рэдактары Stylish пры стварэнні стылю для сайта Вконтакте

Спадзяемся, у працэсе вывучэння артыкула ў вас не ўзнікла цяжкасцяў з разуменнем. У адваротным выпадку мы заўсёды рады вам дапамагчы. Усяго добрага!

Чытаць далей