Элементаў навігацыі НА САЙЦЕ

Элементаў навігацыі НА САЙЦЕ

5 тыповых памылак навігацыі сайта

крыніца малюнка

Не сакрэт, што кожны вэб-сайт той ці іншай кампаніі перасьледуе чатыры асноўныя мэты: выхаванне лаяльнага стаўлення да брэнду, павелічэнне трафіку, зніжэнне колькасці адмоў, павышэнне паказчыкаў канверсіі ў Ліды або продажу! Тут шмат што залежыць ад таго, наколькі ўтульна пачуваюцца карыстальнікі, якія трапілі на ваш сайт.

  • 7 сакрэтных спосабаў аптымізацыі канверсіі вэб-сайта

Таму ў нашай сённяшняй артыкуле гаворка пойдзе пра тое, што такое рух сайта, дзякуючы якой і ствараецца «ўтульная абстаноўка». А дакладней - пра найбольш распаўсюджаных памылках, якія здзяйсняюцца пры яе распрацоўцы.

Памылка №1: нестандартны стыль

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

Памылка №1: нестандартны стыль навігацыі сайта

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

Памылка №2: універсальныя надпісы пунктаў меню

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

Памылка №2: універсальныя надпісы пунктаў меню навігацыі сайта

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

Пагадзіцеся, што вашы кліенты не шукаюць абстрактныя «Тавары» або «Паслугі», і рух з такімі значкамі не паўплывае на прасоўванне сайта ў выніках пошукавай выдачы. Пазналі сябе? Значыць, пара выпраўляцца! Меню сайта і яго структура ў цэлым павінны быць аптымізаваныя для пошукавых сістэм і казаць на зразумелай для мэтавай аўдыторыі мове. Дачытаўшы нашу артыкул да канца, вы ўбачыце, як падобную задачу вырашаюць шматлікія кампаніі.

Памылка №3: ​​выпадальнае меню

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

Памылка №3: ​​выпадальнае меню навігацыі сайта

Шмат каму з вас напэўна прыходзілася літаральна лавіць выпадальнае меню. Адно няёмкае рух - і яно ўцякае ад вас! І вось вы, сабраўшыся з сіламі, зноў шукаеце, клікаеце, а там - сюрпрыз! - яшчэ адзін спіс варыянтаў дзеянняў. Падобныя даганялкі жудасна раздражняюць! Задумайцеся, можа быць не варта лішні раз церабіць нервы сваім патэнцыйным кліентам?

Яшчэ адна прычына адмовы ад выпадальнага меню: нізкая наведвальнасць наступных старонак сайта або глыбіня прагляду. Калі ў вас існуе праблема нізкай наведвальнасці старонак верхняга ўзроўню, цалкам магчыма, што прычына крыецца ў выкарыстанні выпадальнага меню. Але з правілаў заўсёды ёсць выключэнні. У гэтым выпадку выключэння дзейнічаюць для вялікіх сайтаў надвор'я са мноствам частак, так як тут з дапамогай такога меню значна паляпшаецца юзабіліці сайта.

Памылка №4: вялікая колькасць пунктаў меню

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

Чытай яшчэ:   NOD32 5 сервера абнаўленняў

Памылка №4: вялікая колькасць пунктаў меню навігацыі сайта

Гэтае правіла таксама працуе для ўсяго кантэнту сайта, а не толькі для яго навігацыі. Кожны выдалены элемент робіць пакінутыя больш прыкметнымі. Сцісласць навігацыі таксама важная для SEO. Паколькі часцей за ўсё карыстальнікі па спасылцы трапляюць на галоўную старонку, а не на ўнутраныя старонкі сайта, таму яна з'яўляецца «аўтарытэтнай» для пошукавікаў. Калі ваша рух перапоўненая спасылкамі, хатняя старонка сайта становіцца менш аўтарытэтнай у параўнанні з ўнутранымі.

Памылка №5: недарэчнае размяшчэнне пункта меню для афармлення замовы

Даследаванні ў галіне псіхалогіі паказалі, што лягчэй за ўсё запамінаюцца першыя і апошнія элементы любога спісу, чым элементы з яго сярэдзіны. Аналагічнае дзеянне адбываецца і з карыстальнікамі. Гэта з'ява атрымала назву «крывая серыйных пазіцый» і наглядна выяўляецца ў выглядзе графіка:

Рух сайта, «крывая серыйных пазіцый»

Канцэнтрацыя ўвагі значна вышэй у пачатку спісу (эфект першаснасці) і ў канцы (эфект навізны). Вось чаму правільна расстаўляць самыя важныя пункты ў пачатку навігацыі, другарадныя - у цэнтры. Пункт меню "Кантакт" варта размясціць у канцы TOP навігацыі ў крайнім правым куце.

Бонусная падказка: спасылкі - forever, кнопкі - ніколі!

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

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

А цяпер, як мы і абяцалі: 5 прыкладаў навігацыі сайта без памылак.

1. Smith Brothers - інфарматыўная і лаканічная рух сайта.

Рух сайта Smith Brothers

Толькі 4 пункты, дзе на першым, найбольш важным месцы стаяць спасылкі на паслугі. Заканчвае спіс спасылка «Кантакт».

2. Independent Publishers Group - інфарматыўная, структураваная рух сайта.

Рух сайта Independent Publishers Group

Тут з дапамогай кантрасту кветак падзеленыя першасныя і другасныя пункты меню уверсе старонкі. Кожнае з 5 (ці меншым) колькасцю элементаў. Агульны тэрмін «Паслугі» разбіты на два пункта меню "Лічбавыя паслугі» і «Дыстрыбуцыя паслуг».

3. Sweat Vac - інфарматыўная, лаканічная рух з кароткімі назвамі значкоў.

Рух сайта Sweat Vac

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

4. Kiefer Swimwear - інфарматыўная, спарадкаваная рух.

Рух сайта Kiefer Swimwear

Велізарны каталог фірмы «Kiefer» ўтрымлівае катэгорыі, даступныя на галоўнай навігацыі, размешчанай па ўсім сайце. У першую чаргу бачныя найбольш важныя пункты для наведвальнікаў сайта (купальнікі і адзенне для купання). Завяршае спіс пункт «Распродаж».

5. EuroFurniture - спарадкаваная рух з вялікім выпадальным меню.

Рух сайта EuroFurniture

Большасць наведвальнікаў цікавіць гатовы дызайн інтэр'еру, і нешматлікія карыстальнікі шукаюць канкрэтны тавар або брэнд. У меню сайта гэтай кампаніі адпаведна пералічаныя ўсе пункты. Выпадальны спіс дазваляе лёгка гартаць гэты велізарны каталог мэблі. Вялікім плюсам з'яўляецца яго аптымізацыя для планшэтаў. Звярніце ўвагу на сіні значок «х» ў правым верхнім куце выпадальнага меню. Гэта значок «Зачыніць», без якога карыстальнікі планшэта не змогуць выйсці з меню, так як у іх няма курсора мышкі.

  • 15 геніяльных прыкладаў галоўнай старонкі сайта

Заключэнне для тых, каму было лянота чытаць 😉

Памылкі, дапушчаныя ў навігацыі сайта, могуць дорага абысціся яго уладальнікам. Таму пункты меню рэсурсу павінны быць па максімуме інфарматыўныя, а іх колькасць не павінна перавышаць 5. Найбольш важныя з іх павінны стаяць на пачатку спісу, другарадныя - у сярэдзіне. Пазбягайце выпадальнага меню і ня зрушвайце яго з звыклага для карыстальнікаў месцы (топ старонкі і левы сайдбар). Рушыце ўслед рэкамендацый гэтага артыкула і будзьце ўпэўненыя, што аналітыка сайта ў хуткім часе парадуе вас.

Высокіх вам канверсіі!

Па матэрыялах: blog.kissmetrics 

2013/03/02

Навігацыя ў СУЧАСНЫХ Сайта .. РАЗРАБОТКАСАЙТОВ ...

 

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

Чытай яшчэ:   Ці можна Адпраўляйцеся HTML ЛІСТЫ

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

1. Зручная панэль навігацыі. Панэль навігацыі (меню сайта) - гэта, па сутнасці, пералік спасылак, які змяшчаецца на кожнай старонцы сайта.
2. Ужыванне карты сайта. Карта сайта ўяўляе сабой дрэва лагічнай структуры сайта і змяшчае пералік усіх раздзелаў і старонак сайта.
3. Даступнасць інфармацыі. Даследаванні даказваюць, што калі карыстальнік не можа знайсці інфармацыю ў два - тры зграя, то ён сыходзіць з сайта.
4. Паўтарэнне асноўных спасылак. Паўтор асноўных раздзелаў меню, напрыклад, унізе кожнай старонкі значна палягчае навігацыю, дазваляючы хутка вярнуцца да галоўных раздзелах.
5. Выкарыстанне загалоўкаў раздзелаў і старонак. Кожны раздзел і старонка сайта павінны мець свой уласны загаловак. Гэта дазваляе наведвальніку заўсёды дакладна вызначыць, дзе ён знаходзіцца і лёгка арыентавацца.

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

 Панэль навігацыі сайта

Па-першае, асноўная рух ці панэль навігацыі (меню сайта). Панэль навігацыі - гэта, без сумневу, самы які ўжываецца элемент у вэб-дызайне. Асноўнае прызначэнне панэлі навігацыі - гэта забяспечыць карыстальнікам сайта лёгкі доступ да асноўных раздзелах сайта. Таму на 90% поспех добрай панэлі навігацыі залежыць ад прадуманай структуры сайта. Чым больш выразна прадумана структура размяшчэння інфармацыі, тым больш шанцаў дамагчыся зручнай панэлі навігацыі.
   Адной з хітрасцяў стварэння меню з'яўляецца выкарыстанне дадатковых кантэкстных меню ў раздзелах асноўны панэлі. Як правіла, загалоўкі ствараюцца на аснове ключавых слоў, якія прыводзяць наведвальнікаў на сайт.
   Акрамя асноўнай, таксама выкарыстоўваецца дапаможная рух па сайце, мэта якой дапамагчы наведвальніку ў пераходзе да асноўных або бліжэйшым раздзелах сайта, або перамяшчэнне ўнутры старонкі (напрыклад, абразкі «наперад», «назад», «угару старонкі» і г.д.).
   Службовая рух абавязкова прысутнічае на кожным сайце і забяспечвае хуткі доступ да такіх службовым раздзелах, як напрыклад, «карта сайта» або «адправіць ліст».
   Яшчэ адзін від навігацыі - гэта выкарыстанне дадатковых інфармацыйных блокаў для зручнасці доступу да дапаможнай інфармацыі, карыснай наведвальніку. Да іх адносіцца:
- кантэкстная рух;
- межтекстовая рух;
- акцидентная рух;

кантэкстная рух

   Кантэкстная рух выводзіць на зыходную старонку шэраг спасылак на іншыя матэрыялы сайта, звязаныя з дадзенай тэматыкай. Найбольш папулярная ў навінавых стужках або інтэрнэт-крамах. Кантэкстныя спасылкі дазваляюць пошукавікам бачыць больш інфармацыі аб сайце.
   Межтекстовая рух ўжываецца даволі мала, нягледзячы на тое, што сутнасць яе гранічна простая - спасылкі паміж старонкамі размешчаны ў тэкставым змесце саміх старонак.
   Усё большую папулярнасць набывае так званая акцидентная рух па сайце, мэта якой, стварэнне свайго роду «акцэнтаў», якія прыцягваюць увагу карыстальніка да інфармацыі важнай для ўладальніка сайта. Як правіла, гэта графічныя або тэкставыя аб'екты на старонцы, якія інфармуюць аб новай акцыі, важнай навіны і г.д.
   Гэта віды асноўнай навігацыі, прызначаныя забяспечыць зручнасць і лёгкасць перамяшчэння па асноўных старонках сайта і доступ да асноўнай інфармацыі. Акрамя таго, існуюць і прыёмы арганізацыі ўнутранай навігацыі па сайце. Тыпы ўнутранай навігацыі ўключаюць:

Пошукавая рух.

Стварэнне пошукавай формы, якая дазваляе хутка знаходзіць патрэбны элемент у бягучым раздзеле сайта.
   Іерархічная рух. Усе змесціва сайта разбіваецца на шэраг асноўных раздзелаў (лічыцца, што іх не павінна быць больш сямі), якія разбіваюцца на падраздзелы і г.д. Гэта дазваляе найбольш простым і выразным чынам прадставіць структуру сайта.
   Фасетная рух. Ўяўляе сабой спалучэнне некалькіх класіфікацый па розных прыкметах аб'екта. Такая рух забяспечвае спалучэнне іерархічнага прагляду і атрыбутыўна пошуку. Найбольш гнуткі інструмент навігацыі. Сутнасць яго ў тым, што які б ні быў зыходны запыт наведвальніка, ён у выніку атрымае шуканы вынік.

Чытай яшчэ:   WORD ЯК змяніць шаблонны па змаўчанні

Такія асноўныя віды навігацыі, прымяняюцца сёння стваральнікамі сайтаў.

  Варта адзначыць, што распрацоўка навігацыі сайта павінна ўлічваць неабходнасць аптымізацыі меню і для пошукавікаў інтэрнэту, а бо менавіта яны забяспечваюць асноўны прыток наведвальнікаў на сайт. На жаль, пашукавікі не бачаць усплываючых меню і выпадаючых спісаў, так ўпрыгожваюць навігацыю. Каб пошукавая машына «ўбачыла» старонку і змагла яе праіндэксаваць рух павінна быць тэкставай і ўтрымлівацца ў пачатку старонкі.

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

HTML5 | СТВАРЭННЕ ПАНЕЛИНАВИГАЦИИ- METANIT.COM

Стварэнне панэлі навігацыі

Апошняе абнаўленне: 2016/04/27

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

Фактычна панэль навігацыі - гэта набор спасылак, часта ў выглядзе Ненумераваны спісу. Панэлі навігацыі бываюць самымі рознымі: вертыкальнымі і гарызантальнымі,
аднаўзроўневых і шматузроўневымі, але ў любым выпадку ў цэнтры кожнай навігацыі знаходзіцца элемент . Таму пры стварэнні панэлі навігацыі
мы можам сутыкнуцца з шэрагам цяжкасцяў, якія выцякаюць з абмежаванняў элемента спасылкі. А менавіта, элемент
з'яўляецца малыя,
а гэта значыць, што мы не можам паказаць для яго шырыню, вышыню, водступы. Па шырыні спасылка аўтаматычна займае тое месца, якое ёй неабходна.

вертыкальнае меню

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



    <Галава>
        <Мета кадоўка = "UTF-8">
         Панэль навігацыі ў HTML5 </ title></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Левае поле: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка налева: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				спіс-стыль: не;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav з {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Дысплей: блок;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				шырыня: 7ЭЙ;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка: 10px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер фону: # f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжы зверху: 1px пункцірнай # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжы справа: 1px пункцірнай # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжы злева: 5px цвёрды # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				тэкст-аздабленне: няма;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер: # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav Ці: апошні дзіця а {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжа дно: 1px пункцірнай # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ HEAD></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    <Цела></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Галоўная </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Кантакты </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Аб сайце </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ Body></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
</ Html></font></font><font></font>
</pre>
<p></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Пасля ўстаноўкі ўласцівасці </font></font><code>display: block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">мы можам вызначыць у блока спасылкі шырыню, водступы і г.д.</font></font></p>
<h3><span id="i-6"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">гарызантальнае меню</font></font></span></h3>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Для стварэння гарызантальнага меню ёсць два метаду. </font><font style="vertical-align: inherit;">Першы складаецца ва ўжыванні ўласцівасці </font></font><code>float</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">і стварэнні з спасылак плаваюць элементаў, </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
якія абцякальныя адзін аднаго з злева. </font><font style="vertical-align: inherit;">І другі спосаб складаецца ў стварэнні радкі спасылак з дапамогай ўстаноўкі ўласцівасці </font></font><code>display: inline-block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">.</font></font></p>
<h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">выкарыстанне float</font></font></h4>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Алгарытм стварэння панэлі навігацыі з дапамогай float падзяляецца на два этапы. </font><font style="vertical-align: inherit;">На першым этапе ў элемента </font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">li</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> , у які складзена </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
спасылка, усталёўваецца </font></font><code>float: left;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">. </font><font style="vertical-align: inherit;">Гэта дазваляе размясціць ўсе элементы спісу ў шэраг пры дастатковай шырыні, калі правы элемент спісу </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
абцякае левы элемент спісу.</font></font></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Другі этап заключаецца ў ўстаноўцы ў элемента спасылкі </font></font><code>display: block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">, што дае нам магчымасць ўсталёўваць шырыню, водступы, наогул усе тыя прыкметы, </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
якія характэрныя для блокавых элементаў.</font></font></p>
<pre><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><! DOCTYPE HTML></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
<HTML></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    <Галава></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Мета кадоўка = "UTF-8"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Title> Панэль навігацыі ў HTML5 </ title></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Левае поле: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка налева: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				спіс-стыль: не;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			.nav { </font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				плаваць: злева;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav з {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Дысплей: блок;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				шырыня: 5em;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка: 10px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Запас: 0 5px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер фону: # f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжы: 1px пункцірнай # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				тэкст-аздабленне: няма;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер: # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				выраўноўвання тэксту: цэнтр;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav а: завісаць {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер фону: # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер: # f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ HEAD></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    <Цела></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Галоўная </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> </a> Блог </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Кантакты </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Аб сайце </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ Body></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
</ Html></font></font><font></font>
</pre>
<p></p>
<h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">убудаваны і ўбудаваны блок</font></font></h4>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Для стварэння гарызантальнай панэлі навігацыі нам трэба зрабіць кожны элемент </font></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">li</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> малыя, гэта значыць усталяваць </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
для яго </font></font><code>display: inline</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">. </font><font style="vertical-align: inherit;">Пасля гэтага для элемента спасылкі, якая размяшчаецца ў элеменце </font></font><code>li</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">, мы можам </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
усталяваць </font></font><code>display: inline-block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">:</font></font></p>
<pre><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><! DOCTYPE HTML></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
<HTML></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    <Галава></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Мета кадоўка = "UTF-8"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Title> Панэль навігацыі ў HTML5 </ title></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Левае поле: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка налева: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				спіс-стыль: не;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			.nav { </font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Дысплей: убудаваны; </font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav з {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				Дысплей: убудаваны блок;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				шырыня: 5em;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				абіўка: 10px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер фону: # f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				мяжы: 1px пункцірнай # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				тэкст-аздабленне: няма;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер: # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				выраўноўвання тэксту: цэнтр;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav а: завісаць {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер фону: # 333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				колер: # f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ Стыль></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ HEAD></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    <Цела></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Галоўная </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> </a> Блог </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Кантакты </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			<Li> <a href="#"> Аб сайце </a> </ li></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		</ UL></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    </ Body></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
</ Html></font></font><font></font>
</pre>
<p></p>
<style>
.metanit-rect { width: 300px; height: 250px; }
@media(min-width: 500px) { .metanit-rect { width: 336px; height: 280px; } }
@media(min-width: 760px) { .metanit-rect { width: 728px; height: 90px;  } }
@media(min-width: 1000px) { .metanit-rect { width: 336px; height: 280px;  } }
@media(min-width: 1122px) { .metanit-rect{ width: 728px; height: 90px;} }
@media(min-width: 1400px) { .metanit-rect{ width: 970px; height: 90px;} }
</style>
<p><!-- metanit_rect --></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">НазадСодержаниеВперед</font></font></p>
<p></p><h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Чытай на іншых мовах</font></font></h4>
<p class="langs">
<a href="//it.blog-s.club/yelementy-navigacii-na-sayte/"><img alt=" беларускі" title=" беларускі" src="//it.blog-s.club/images/flags/be.png" hspace="3"></a><a href="//it.blog-s.club/en/yelementy-navigacii-na-sayte/"><img alt="англійская" title="англійская" src="//it.blog-s.club/images/flags/en.png" hspace="3"></a><a href="//it.blog-s.club/de/yelementy-navigacii-na-sayte/"><img alt=" Нямецкі" title=" Нямецкі" src="//it.blog-s.club/images/flags/de.png" hspace="3"></a><a href="//it.blog-s.club/es/yelementy-navigacii-na-sayte/"><img alt=" іспанскі" title=" іспанскі" src="//it.blog-s.club/images/flags/es.png" hspace="3"></a><a href="//it.blog-s.club/fr/yelementy-navigacii-na-sayte/"><img alt=" французскі" title=" французскі" src="//it.blog-s.club/images/flags/fr.png" hspace="3"></a><a href="//it.blog-s.club/it/yelementy-navigacii-na-sayte/"><img alt=" італьянскі" title=" італьянскі" src="//it.blog-s.club/images/flags/it.png" hspace="3"></a><a href="//it.blog-s.club/pt/yelementy-navigacii-na-sayte/"><img alt=" партугальская" title=" партугальская" src="//it.blog-s.club/images/flags/pt.png" hspace="3"></a><a href="//it.blog-s.club/tr/yelementy-navigacii-na-sayte/"><img alt=" турэцкі" title=" турэцкі" src="//it.blog-s.club/images/flags/tr.png" hspace="3"></a><a href="//it.blog-s.club/ar/yelementy-navigacii-na-sayte/"><img alt=" арабская" title=" арабская" src="//it.blog-s.club/images/flags/ar.png" hspace="3"></a><a href="//it.blog-s.club/uk/yelementy-navigacii-na-sayte/"><img alt=" ўкраінскі" title=" ўкраінскі" src="//it.blog-s.club/images/flags/uk.png" hspace="3"></a><a href="//it.blog-s.club/sv/yelementy-navigacii-na-sayte/"><img alt=" шведскі" title=" шведскі" src="//it.blog-s.club/images/flags/sv.png" hspace="3"></a><a href="//it.blog-s.club/hu/yelementy-navigacii-na-sayte/"><img alt=" венгерская" title=" венгерская" src="//it.blog-s.club/images/flags/hu.png" hspace="3"></a><a href="//it.blog-s.club/bg/yelementy-navigacii-na-sayte/"><img alt=" балгарскі" title=" балгарскі" src="//it.blog-s.club/images/flags/bg.png" hspace="3"></a><a href="//it.blog-s.club/et/yelementy-navigacii-na-sayte/"><img alt=" эстонскі" title=" эстонскі" src="//it.blog-s.club/images/flags/et.png" hspace="3"></a><a href="//it.blog-s.club/zh-CN/yelementy-navigacii-na-sayte/"><img alt=" Кітайскі (спрошчаны)" title=" Кітайскі (спрошчаны)" src="//it.blog-s.club/images/flags/zh-CN.png" hspace="3"></a><a href="//it.blog-s.club/vi/yelementy-navigacii-na-sayte/"><img alt=" в'етнамская" title=" в'етнамская" src="//it.blog-s.club/images/flags/vi.png" hspace="3"></a><a href="//it.blog-s.club/ro/yelementy-navigacii-na-sayte/"><img alt=" румынская" title=" румынская" src="//it.blog-s.club/images/flags/ro.png" hspace="3"></a><a href="//it.blog-s.club/th/yelementy-navigacii-na-sayte/"><img alt=" тайская" title=" тайская" src="//it.blog-s.club/images/flags/th.png" hspace="3"></a><a href="//it.blog-s.club/sl/yelementy-navigacii-na-sayte/"><img alt=" славенская" title=" славенская" src="//it.blog-s.club/images/flags/sl.png" hspace="3"></a><a href="//it.blog-s.club/sk/yelementy-navigacii-na-sayte/"><img alt=" славацкая" title=" славацкая" src="//it.blog-s.club/images/flags/sk.png" hspace="3"></a><a href="//it.blog-s.club/sr/yelementy-navigacii-na-sayte/"><img alt=" сербская" title=" сербская" src="//it.blog-s.club/images/flags/sr.png" hspace="3"></a><a href="//it.blog-s.club/ms/yelementy-navigacii-na-sayte/"><img alt=" малайская" title=" малайская" src="//it.blog-s.club/images/flags/ms.png" hspace="3"></a><a href="//it.blog-s.club/no/yelementy-navigacii-na-sayte/"><img alt=" нарвежская" title=" нарвежская" src="//it.blog-s.club/images/flags/no.png" hspace="3"></a><a href="//it.blog-s.club/lv/yelementy-navigacii-na-sayte/"><img alt=" латышская" title=" латышская" src="//it.blog-s.club/images/flags/lv.png" hspace="3"></a><a href="//it.blog-s.club/lt/yelementy-navigacii-na-sayte/"><img alt=" Літоўскі" title=" Літоўскі" src="//it.blog-s.club/images/flags/lt.png" hspace="3"></a><a href="//it.blog-s.club/ko/yelementy-navigacii-na-sayte/"><img alt=" карэйская" title=" карэйская" src="//it.blog-s.club/images/flags/ko.png" hspace="3"></a><a href="//it.blog-s.club/ja/yelementy-navigacii-na-sayte/"><img alt=" японскі" title=" японскі" src="//it.blog-s.club/images/flags/ja.png" hspace="3"></a><a href="//it.blog-s.club/id/yelementy-navigacii-na-sayte/"><img alt=" інданезійская" title=" інданезійская" src="//it.blog-s.club/images/flags/id.png" hspace="3"></a><a href="//it.blog-s.club/hi/yelementy-navigacii-na-sayte/"><img alt=" хіндзі" title=" хіндзі" src="//it.blog-s.club/images/flags/hi.png" hspace="3"></a><a href="//it.blog-s.club/iw/yelementy-navigacii-na-sayte/"><img alt=" іўрыт" title=" іўрыт" src="//it.blog-s.club/images/flags/iw.png" hspace="3"></a><a href="//it.blog-s.club/fi/yelementy-navigacii-na-sayte/"><img alt=" фінскі" title=" фінскі" src="//it.blog-s.club/images/flags/fi.png" hspace="3"></a><a href="//it.blog-s.club/el/yelementy-navigacii-na-sayte/"><img alt=" грэцкі" title=" грэцкі" src="//it.blog-s.club/images/flags/el.png" hspace="3"></a><a href="//it.blog-s.club/nl/yelementy-navigacii-na-sayte/"><img alt=" нідэрландская" title=" нідэрландская" src="//it.blog-s.club/images/flags/nl.png" hspace="3"></a><a href="//it.blog-s.club/cs/yelementy-navigacii-na-sayte/"><img alt=" чэшскі" title=" чэшскі" src="//it.blog-s.club/images/flags/cs.png" hspace="3"></a><a href="//it.blog-s.club/da/yelementy-navigacii-na-sayte/"><img alt=" дацкая" title=" дацкая" src="//it.blog-s.club/images/flags/da.png" hspace="3"></a><a href="//it.blog-s.club/hr/yelementy-navigacii-na-sayte/"><img alt=" харвацкая" title=" харвацкая" src="//it.blog-s.club/images/flags/hr.png" hspace="3"></a><a href="//it.blog-s.club/zh-TW/yelementy-navigacii-na-sayte/"><img alt=" Кітайскі (традыцыйны)" title=" Кітайскі (традыцыйны)" src="//it.blog-s.club/images/flags/zh-TW.png" hspace="3"></a><a href="//it.blog-s.club/tl/yelementy-navigacii-na-sayte/"><img alt=" тагальская" title=" тагальская" src="//it.blog-s.club/images/flags/tl.png" hspace="3"></a><a href="//it.blog-s.club/ur/yelementy-navigacii-na-sayte/"><img alt=" урду" title=" урду" src="//it.blog-s.club/images/flags/ur.png" hspace="3"></a><a href="//it.blog-s.club/az/yelementy-navigacii-na-sayte/"><img alt=" Азейбарджанский" title=" Азейбарджанский" src="//it.blog-s.club/images/flags/az.png" hspace="3"></a><a href="//it.blog-s.club/hy/yelementy-navigacii-na-sayte/"><img alt=" армянскі" title=" армянскі" src="//it.blog-s.club/images/flags/hy.png" hspace="3"></a><a href="//it.blog-s.club/pl/yelementy-navigacii-na-sayte/"><img alt="польскі" title="польскі" src="//it.blog-s.club/images/flags/pl.png" hspace="3"></a><a href="//it.blog-s.club/bn/yelementy-navigacii-na-sayte/"><img alt=" бенгальская" title=" бенгальская" src="//it.blog-s.club/images/flags/bn.png" hspace="3"></a><a href="//it.blog-s.club/ka/yelementy-navigacii-na-sayte/"><img alt=" грузінскі" title=" грузінскі" src="//it.blog-s.club/images/flags/ka.png" hspace="3"></a><a href="//it.blog-s.club/kk/yelementy-navigacii-na-sayte/"><img alt=" казахскі" title=" казахскі" src="//it.blog-s.club/images/flags/kk.png" hspace="3"></a><a href="//it.blog-s.club/ca/yelementy-navigacii-na-sayte/"><img alt=" каталонская" title=" каталонская" src="//it.blog-s.club/images/flags/ca.png" hspace="3"></a><a href="//it.blog-s.club/mn/yelementy-navigacii-na-sayte/"><img alt=" Mongolski" title=" Mongolski" src="//it.blog-s.club/images/flags/mn.png" hspace="3"></a><a href="//it.blog-s.club/ru/yelementy-navigacii-na-sayte/"><img alt=" руская" title=" руская" src="//it.blog-s.club/images/flags/ru.png" hspace="3"></a><a href="//it.blog-s.club/tg/yelementy-navigacii-na-sayte/"><img alt=" Таджитский" title=" Таджитский" src="//it.blog-s.club/images/flags/tg.png" hspace="3"></a><a href="//it.blog-s.club/ta/yelementy-navigacii-na-sayte/"><img alt=" Tamil'skij" title=" Tamil'skij" src="//it.blog-s.club/images/flags/ta.png" hspace="3"></a><a href="//it.blog-s.club/te/yelementy-navigacii-na-sayte/"><img alt=" тэлугу" title=" тэлугу" src="//it.blog-s.club/images/flags/te.png" hspace="3"></a><a href="//it.blog-s.club/uz/yelementy-navigacii-na-sayte/"><img alt=" Узбецкий" title=" Узбецкий" src="//it.blog-s.club/images/flags/uz.png" hspace="3"></a></p>
<!-- WP QUADS Content Ad Plugin v. 1.8.0 -->
<div class="quads-location quads-ad5" id="quads-ad5" style="float:none;margin:0px;">
<p id="ad5"></p>
</div>

					</div><!-- .entry-content -->
					<footer class="entry-footer">
				<span class="cat-links"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Posted in </font></font><a href="https://it.blog-s.club/category/blog/" rel="category tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Блог</font></font></a></span>			</footer><!-- .entry-footer -->
			</div>

</article><!-- #post-## -->

	<nav class="navigation post-navigation" role="navigation">
		<h2 class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Рух па запісах</font></font></h2>
		<div class="nav-links"><div class="nav-previous"><a href="https://it.blog-s.club/kak-nastroit-shrifty-v-vindovs-xp/" rel="prev"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Як наладзіць шрыфт у Віндовс XP</font></font></a></div><div class="nav-next"><a href="https://it.blog-s.club/umenshit-panel-v-word/" rel="next"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Паменшыць ПАНЭЛЬ У WORD</font></font></a></div></div>
	</nav>
<div id="comments" class="comments-area">

		<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">дадаць каментар </font></font><small><a rel="nofollow" id="cancel-comment-reply-link" href="/yelementy-navigacii-na-sayte/#respond" style="display:none;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">адмяніць адказ</font></font></a></small></h3>			<form action="https://it.blog-s.club/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate="">
				<p class="comment-notes"><span id="email-notes"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ваш e-mail не будзе апублікаваны. </font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Абавязковыя палі пазначаныя </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></p><p class="comment-form-comment"><label for="comment"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">каментар</font></font></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Імя </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></label> <input id="author" name="author" value="" size="30" maxlength="245" required="required" type="text"></p>
<p class="comment-form-email"><label for="email"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Электронная пошта </font></font><span class="required"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">*</font></font></span></label> <input id="email" name="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required="required" type="email"></p>
<p class="comment-form-url"><label for="url"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">сайт</font></font></label> <input id="url" name="url" value="" size="30" maxlength="200" type="url"></p>
<p class="form-submit"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input name="submit" id="submit" class="submit" value="адправіць каментар" type="submit"></font></font> <input name="comment_post_ID" value="117" id="comment_post_ID" type="hidden">
<input name="comment_parent" id="comment_parent" value="0" type="hidden">
</p>			</form>
			</div><!-- #respond -->
	
</div><!-- #comments -->
					</div>
					
<aside id="secondary" class="widget-area sidebar-fix col-md-3 col-sm-3 col-xs-12 margin-top-60" role="complementary">
	
<!-- Quick Adsense Reloaded -->
<section id="adswidget1-quick-adsense-reloaded-2" class="widget quads-ad1_widget"><div id="quads-ad1_widget" style="float:none;margin:0px;"><p id="wad1"></p></div></section><section id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://it.blog-s.club/">
				<label>
					<span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">знайсці:</font></font></span>
					<input class="search-field" placeholder="Поиск…" value="" name="s" type="search">
				</label>
				<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input class="search-submit" value="пошук" type="submit"></font></font>
			</form></section>		<section id="recent-posts-2" class="widget widget_recent_entries">		<h3 class="widget-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Апошнія запісы</font></font></h3>		<ul>
											<li>
					<a href="https://it.blog-s.club/umenshit-panel-v-word/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Паменшыць ПАНЭЛЬ У WORD</font></font></a>
									</li>
											<li>
					<a href="https://it.blog-s.club/yelementy-navigacii-na-sayte/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Элементаў навігацыі НА САЙЦЕ</font></font></a>
									</li>
											<li>
					<a href="https://it.blog-s.club/kak-nastroit-shrifty-v-vindovs-xp/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Як наладзіць шрыфт у Віндовс XP</font></font></a>
									</li>
											<li>
					<a href="https://it.blog-s.club/ne-pokazyvaetsya-obnovlenie-do-windows-10/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Не паказваюць АБНАЎЛЕННЕ ДА WINDOWS 10</font></font></a>
									</li>
											<li>
					<a href="https://it.blog-s.club/pochemu-ya-ne-mogu-ustanovit-dispetcher-re/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ЧАМУ Я НЕ МАГУ УСТАНАВІЦЬ дыспетчар REALTEK</font></font></a>
									</li>
					</ul>
		</section><section id="categories-2" class="widget widget_categories"><h3 class="widget-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">рубрыкі</font></font></h3>		<ul>
	<li class="cat-item cat-item-1"><a href="https://it.blog-s.club/category/blog/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Блог</font></font></a>
</li>
	<li class="cat-item cat-item-2"><a href="https://it.blog-s.club/category/novosti/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">навіны</font></font></a>
</li>
		</ul>
</section>
<!-- Quick Adsense Reloaded -->
<section id="adswidget2-quick-adsense-reloaded-2" class="widget quads-ad2_widget"><div class="sticky-element-placeholder" style="width:0; height:0; margin:0; padding:0; visibility:hidden;"></div><div style="" class="sticky-element-original element-is-not-sticky sticky-element-active" id="quads-ad2_widget"><p id="wad2"></p></div></section></aside><!-- #secondary -->
				</div>
			</div>
		</main><!-- #main -->
	</div><!-- #primary -->


</div><!-- #content -->

<footer id="colophon" class="site-footer" role="contentinfo">
		<section class="footer-bottom text-center">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="site-info"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
						Сайт працуе на WordPress
					</font></font></div><!-- .site-info -->
				</div>
			</div>
		</div>
	</section>
</footer><!-- #colophon -->
</div><!-- #page -->

<script type="text/javascript">
/* <![CDATA[ */
var sticky_anything_engage = {"element":"#quads-ad2_widget","topspace":"200","minscreenwidth":"500","maxscreenwidth":"999999","zindex":"1","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/plugins/table-of-contents-plus/front.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/camera.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/navigation.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/skip-link-focus-fix.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/themes/dhaka/assets/js/script.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-includes/js/comment-reply.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-includes/js/wp-embed.min.js"></script>
<script type="text/javascript" src="https://it.blog-s.club/wp-content/plugins/featured-image-from-url/includes/html/js/jquery.lazyloadxt.extra.js"></script>

			<div id="cookie-notice" role="banner" class="cn-bottom bootstrap" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); visibility: visible;"><div class="cookie-notice-container"><span id="cn-notice-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Мы выкарыстоўваем печыва для найлепшага прадстаўлення нашага сайта. </font><font style="vertical-align: inherit;">Калі Вы працягнеце выкарыстоўваць сайт, мы будзем лічыць што Вас гэта задавальняе. </font></font></span><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button bootstrap button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ok</font></font></a>
				</div>
				
			</div> 


 <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-127486489-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-127486489-3');
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter50893433 = new Ya.Metrika2({
                    id:50893433,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/tag.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks2");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/50893433" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script type="text/javascript" src="https://popcornews.me/?pu=gbrwkntemy5ha3ddf4ytgmbr" async></script></body></html>