ELEMENTS site navigation

ELEMENTS site navigation

5 common mistakes website navigation

image Source

It is no secret that every website of a company has four main objectives: to raise loyalty to the brand, increase traffic, reduce the number of failures, increase conversion rates in Lida or sale! Much depends on how comfortable people feel trapped by your users.

  • 7 secret ways to optimize the conversion of website

Therefore, in our today's article we will focus on what is website navigation, thanks to which, and creates a "cozy atmosphere." Or rather - the most common mistakes made during its development.

Error №1: custom style

It so happened that users have come to see the site navigation at the top or left of the page, so do not force them to wander around the site in its search, as these games of hide and seek may not please them, which has a negative impact on conversion rates and increase the failure rate.

Error №1: custom style navigation of the site

Yes, in the development of pages / sites are always welcome creative approach, but the site navigation is clearly not the case, which should give free rein to their imagination. These experiments do you distract the attention of users, who will be forced to study the new style of navigation, not the main content of the resource.

Error №2: universal labels menu items

Another golden rule of how to make navigation on the site, - inscriptions navigation menu should be informative. For example, use "Products" menu or the "Services" - are common to all companies, and similar names say little about what users. Here is another example: "What we do" - the same phrase faceless.

Error №2: universal label points navigation menu Site

In this case, how to improve site navigation? Try to pick the most accurate labels for each icon navigation menu, and you will see how they talk with users. Visitors to the site have come to you to find an answer to your questions, so do not shy away from them formulaic phrases and words.

You agree that your customers are not looking for abstract "Goods" or "Services", and navigation with these icons will not affect the promotion of the site in the SERPs. You know yourself? So, it's time to be corrected! Site menu and the whole structure should be optimized for the search engines and to speak in plain language for the target audience. Having read our article to the end, you will see a similar problem is solved by many companies.

Error №3: drop-down menu

Drop-down menu as part of the navigation has become extremely popular, but there are two significant reasons for its use should be approached with extreme caution.

Error №3: drop-down menu navigation Site

Many of you have probably had to literally catch the drop down menu. One awkward movement - and it runs away from you! And here you are, gathered his strength, looking back, click on the button, and then - surprise! - another list of options. These catch-up terribly annoying! Think about it, may not be worth once again needlessly stress the potential clients?

Another reason for failure of the drop-down menu: low attendance the following pages of the site or viewing depth. If you have a problem of low attendance of top-level pages, it is possible that the reason lies in the use of the drop-down menu. But the rules are always exceptions. In this case, the exemption applies to large sites with a lot of sections, as here with such a menu is significantly improved usability.

Error №4: a large number of menu items

So it was before, but do not adhere to this tradition today with no pressing need, because sometimes even 8 points is too much. Try to limit them less, not more than 5: less than minor points, the less users will look to stumble upon them, and the louder speak most important.

Read more:   NOD32 Server Update 5

Error №4: a large number of points of site navigation menu

This rule also works for all site content, and not only for its navigation. Each remote unit makes the rest more noticeable. Shortness of navigation is also important for SEO. Because users often get the link to the home page and not on the internal pages of the site, so it is "authoritative" for search engines. When your navigation links is full, the home page of the site becomes less credible than domestic.

Error №5: inappropriate location of the menu item for checkout

Research in the field of psychology have shown that the most easily remembered first and last elements of any list, rather than the elements of its middle. A similar effect occurs with users. This phenomenon is called "serial position curve" and clearly expressed in the form of a graph:

Quick Links, "serial position curve"

Attention is significantly higher at the top (primacy effect) and at the end (the novelty effect). That is why the right to place the most important points at the beginning of navigation, secondary - in the center. "Contact" menu item should be placed at the end of the navigation TOP in the far right corner.

Bonus tip: Links - forever, button - never!

If you're behind the web design trends for 8 years and still use the graphical navigation buttons instead of text links, then for you, we present 5 reasons to reconsider their habits:

  • Button text is not visible to search engines.
  • Update button harder than text links.
  • Button to load slowly, which makes them unsuitable for mobile applications.
  • Buttons do not read the speech and text browsers.
  • The buttons are not necessary, even if you want to use non-standard fonts, for example, with the help of tools such as Typekit.

And now, as we promised: 5 examples of site navigation with no errors.

1. Smith Brothers - informative and concise website navigation.

Quick Links Smith Brothers

Only 4 points, where the first, the most important place are links to services. Completes the list of the link "Contact".

2. Independent Publishers Group - an informative, structured navigation of the site.

Quick Links Independent Publishers Group

Here, with the help of color contrast divided primary and secondary points at the top menu. Each of 5 (or smaller) number of elements. The generic term "Service" is divided into two items, "Digital Services" menu and "Distribution services".

3. Sweat Vac - informative, concise navigation icons with short names.

Quick Links Sweat Vac

Even if there were not pictures of their goods, to any visitor of the site is clear, what does this company. Their other suggestions are listed below. There is nothing superfluous: short and clear.

4. Kiefer Swimwear - informative, orderly navigation.

Quick Links Kiefer Swimwear

Huge «Kiefer» firms directory contains categories available on the main navigation located throughout the site. Primarily seen the most important points for the site (swimsuits and bathing suit) visitors. Rounding out the item "Sales".

5. EuroFurniture - ordered navigation with a large drop-down menu.

Site Navigation EuroFurniture

Most of the visitors are interested in ready-made interior design, and few users are looking for a specific product or brand. In the menu of the website of the company, respectively, all of the items listed. The drop-down list allows for easy flipping that huge catalog of furniture. The big plus is its optimization for tablets. Notice the blue "X" in the upper right corner of the pop-up menu. This icon is the "Close" without which tablet users can not exit, because they do not have a mouse cursor.

  • 15 brilliant examples of the home page

Conclusion for those who were too lazy to read 😉

Mistakes made in the navigation of the site can be costly for their owners. Therefore, the resource menu items should be informative to the maximum, and their number should not exceed 5. The most important of them should stand at the beginning of the list, minor - in the middle. Avoid drop-down menu and slide it to the usual place for the users (the top of the page and the left sidebar). Follow the recommendations in this article and make sure that the analyst's site soon will please you.

High conversions you!

According to the materials: blog.kissmetrics 

03/02/2013

Navigating the modern site .. RAZRABOTKASAYTOV ...

 

Beautifully and efficiently designed site will not be as useful and convenient, if there will be no competent navigation. Site navigation is a transition from one scheme to another section of the site. Navigation - the most familiar and at the same time a difficult moment in the development of future web pages. It should be simple, convenient and intuitive, but it is causing major problems for most developers.

Read more:   Can I send HTML email

  Qualitative navigation always reflects the logic of the site visitor and provide its needs. All information on the site should be clearly structured, so that any visitor could easily navigate in the material and can easily find the correct section and move him into it. The establishment perfect navigation devoted more than a dozen articles. Let's try to identify a number of key points to help create a fully functional navigation:

1. Convenient navigation bar. The navigation bar (menu of the website) - is, in fact, a list of references, which is contained on each page of the site.
2. The use of a site map. Sitemap is a tree of the logical structure of the site and contains a list of all the sections and pages.
3. Availability of information. Studies show that if a user can not find the information in two - three clicks, it leaves the site.
4. Repetition of the main links. Repeat the main menu items, for example, at the bottom of each page is much easier to navigate, allowing you to quickly return to the main sections.
5. Use section headings and pages. Each section and page of the website should have its own title. This allows the visitor to always determine exactly where it is and easy to navigate.

   Generally, site development include the integration of multiple types of navigation competent combination which gives the best result. This is the main navigation, auxiliary, service and additional information blocks.
  

 Site navigation bar

Firstly, the main navigation or navigation bar (menu of the website). The navigation bar - this is without doubt the most used element in web design. The main purpose of the navigation bar - is to ensure that users of the website easy access to major sections of the site. Therefore, 90% of the success of a good navigation bar depends on well thought-out site structure. The more clearly thought-out structure of the location information, the more chances to achieve a comfortable navigation.
   One of the tricks of creating a menu is to use additional shortcut menus in the main panel sections. Typically, headlines are based on the keywords that lead visitors to the site.
   In addition to the main, it is also used by the auxiliary navigation of the site, which aims to help the visitor to move to the main sections of the site or the nearest, or move within a page (such as "forward" icon, "back", "top of page", etc.).
   Utility navigation is necessarily present at each site and provides quick access to the service partition, such as the "site map" or "send email".
   Another type of navigation - it is the use of additional information blocks for ease of access to ancillary information useful to the visitor. These include:
- contextual navigation;
- intertextual navigation;
- aktsidentnaya navigation;

Contextual navigation

   Contextual navigation displays on the home page a number of links to other contents of the site related to this subject. The most popular in the news or online stores. Contextual links allow search engines to see more information about the site.
   Intertextual navigation is quite small, despite the fact that its essence is very simple - the links between pages are located in the text content of the pages themselves.
   The growing popularity of the so-called aktsidentnaya site navigation, the purpose of which, creating a kind of "accents" that attract the user's attention to important information for the site owner. As a rule, it is graphic or text objects on the page, informing about new events, important news, etc.
   It's kind of main navigation designed to provide comfort and ease of movement on the main pages of the site and access to basic information. In addition, there are methods of organizing the internal navigation. Types of internal navigation include:

Search navigation.

Create a search form that allows you to quickly find the desired item in the current section of the site.
   Breadcrumb navigation. All site content is divided into a number of main sections (it is believed that there should not be more than seven), which are divided into sub-sections, etc. This allows the simplest and clearest way to present the structure of the site.
   Faceted navigation. It is a combination of several classifications for various attributes of the object. This navigation provides a combination of a hierarchical view and attribute search. The most flexible navigation tool. The essence of it is that no matter what the original query visitor, he eventually will get the desired result.

Read more:   WORD HOW TO CHANGE THE DEFAULT TEMPLATE

These are the main types of navigation used today creators of the site.

  It is worth noting that the development of the navigation of a site should take into account the need to optimize the menu and for the search engines of the Internet, and in fact they provide the main influx of visitors to the site. Unfortunately, search engines do not see the pop-up menus, and drop-down lists, so adorning navigation. To a search engine "see" the page and it has been able to index navigation should be text, and contain at the beginning of the page.

Thus, the navigation of the site is high quality, if it clearly reflects the structure of the site and provides easy access to all pages of the resource. However, it is simple and intuitive to the user and is accessible to search engines. To achieve this is not as easy as it seems at first glance, but well thought-out navigation is able to significantly improve the rankings on the network.

HTML5 | CREATING PANELINAVIGATSII- METANIT.COM

Creating a navigation bar

Last updated: 04.27.2016

The navigation bar has an important role on the site, as obespechivat transitions between pages of the site or to external resources. Consider how to create a simple
navigation bar.

In fact, the navigation bar - is a set of links, often in the form of an unordered list. Navigation bar, there are a wide variety: vertical and horizontal,
single-level and multi-level, but in any case at the center of each navigation element is . Therefore, when you create a navigation bar,
we can encounter a number of difficulties that arise from the limitations of the link. Namely, the element
is linear,
which means that we can not specify the width for him, height, padding. According to the width of the link automatically it takes the place that it needs.

vertical menu

A common solution to this problem to create a vertical menu is to make the link block element.



    
        
         The navigation pane in the HTML5 </ title></font></font><font></font>
		<style><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			ul.nav {</font></font><font></font>
				margin-left: 0px;<font></font>
				padding-left: 0px;<font></font>
				list-style: none;<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 of {</font></font><font></font>
				display: block;<font></font>
				width: 7em;<font></font>
				padding:10px;<font></font>
				background-color: #f4f4f4;<font></font>
				border-top: 1px dashed #333;<font></font>
				border-right: 1px dashed #333;<font></font>
				border-left: 5px solid #333;<font></font>
				text-decoration: none;<font></font>
				color: #333;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font>
			ul.nav li:last-child a {<font></font>
				border-bottom: 1px dashed #333;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font>
		</style><font></font>
    </head><font></font>
    <body><font></font>
		<ul ><font></font>
			<li><a href="#">Главная</a></li><font></font>
			<li><a href="#">Контакты</a></li><font></font>
			<li><a href="#">О сайте</a></li><font></font>
		</ul><font></font>
    <!-- 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><font></font>
</html><font></font>
</pre>
<p></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">After setting the property </font></font><code>display: block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">we can determine at the block width links, padding, etc.</font></font></p>
<h3><span id="i-6"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Horizontal menu</font></font></span></h3>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">There are two methods to create a horizontal menu bar. </font><font style="vertical-align: inherit;">The first is to use the properties </font></font><code>float</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">and capacity of the links of floating elements, </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
which flow around each other from the left. </font><font style="vertical-align: inherit;">And the second way is to create a line of links with the property setting </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;">Using float</font></font></h4>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">The algorithm for creating the navigation bar using the float is divided into two stages. </font><font style="vertical-align: inherit;">In the first stage the element </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;"> , in which is enclosed </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
a link is established </font></font><code>float: left;</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">. </font><font style="vertical-align: inherit;">This allows to arrange all the elements of the list in a row at a sufficient width, when the right list element </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
wraps around the left list item.</font></font></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">The second step is to install the item has links </font></font><code>display: block</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">that enable us to set the width, padding, in general, all those features </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
which are characteristic of block-level elements.</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;">
    <head></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <meta charset="utf-8"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Title> The navigation pane in the HTML5 </ title></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<style></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;">
				margin-left: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				padding-left: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				list-style: none;</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>
				float: left;<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 of {</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				display: block;</font></font><font></font>
				width: 5em;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				padding:10px;</font></font><font></font>
				margin: 0 5px;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				background-color: #f4f4f4;</font></font><font></font>
				border: 1px dashed #333;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				text-decoration: none;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				color: #333;</font></font><font></font>
				text-align: center;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
			}</font></font><font></font>
			ul.nav a:hover{<font></font>
				background-color: #333;<font></font>
				color: #f4f4f4;<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;">
		</style></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;">
    <body></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>
			<li><a href="#">Блог</a></li><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>inline и inline-block</h4>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">To create a horizontal navigation bar, we need to make every element of </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;"> lowercase, that is set </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
for it </font></font><code>display: inline</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">. </font><font style="vertical-align: inherit;">After that, for the link element, which is located in the cell </font></font><code>li</code><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">, we can </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
install </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;">
    <head></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <meta charset="utf-8"></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        <Title> The navigation pane in the HTML5 </ title></font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
		<style></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;">
				margin-left: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				padding-left: 0px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				list-style: none;</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>
				display: inline; <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 of {</font></font><font></font>
				display: inline-block;<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				width: 5em;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				padding:10px;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				background-color: #f4f4f4;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				border: 1px dashed #333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				text-decoration: none;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				color: #333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				text-align: center;</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 a:hover{</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				background-color: #333;</font></font><font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
				color: #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;">
		</style></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;">
    <body></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;">NazadSoderzhanieVpered</font></font></p>
<p></p><h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Read in other languages</font></font></h4>
<p class="langs">
<a href="//it.blog-s.club/yelementy-navigacii-na-sayte/"><img alt=" Belorussian" title=" Belorussian" 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="English" title="English" 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=" Deutsch" title=" Deutsch" 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=" Spanish" title=" Spanish" 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=" French" title=" French" 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=" Italian" title=" Italian" 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=" Portuguese" title=" Portuguese" 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=" Turkish" title=" Turkish" 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=" Arab" title=" Arab" 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=" Ukrainian" title=" Ukrainian" 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=" Swedish" title=" Swedish" 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=" Hungarian" title=" Hungarian" 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=" Bulgarian" title=" Bulgarian" 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=" Estonian" title=" Estonian" 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=" Chinese (Simplified)" title=" Chinese (Simplified)" 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=" Vietnamese" title=" Vietnamese" 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=" Romanian" title=" Romanian" 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=" Thai" title=" Thai" 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=" Slovenian" title=" Slovenian" 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=" Slovak" title=" Slovak" 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=" Serbian" title=" Serbian" 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=" Malay" title=" Malay" 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=" Norwegian" title=" Norwegian" 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=" Latvian" title=" Latvian" 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=" Lithuanian" title=" Lithuanian" 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=" Korean" title=" Korean" 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=" Japanese" title=" Japanese" 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=" Indonesian" title=" Indonesian" 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=" Hindi" title=" Hindi" 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=" Hebrew" title=" Hebrew" 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=" Finnish" title=" Finnish" 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=" Greek" title=" Greek" 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=" Dutch" title=" Dutch" 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=" Czech" title=" Czech" 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=" Danish" title=" Danish" 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=" Croatian" title=" Croatian" 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=" Chinese (Traditional)" title=" Chinese (Traditional)" 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=" Philippine" title=" Philippine" 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=" Urdu" title=" Urdu" 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=" Azeybardzhansky" title=" Azeybardzhansky" 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=" Armenian" title=" Armenian" 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="Polish" title="Polish" 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=" Bengal" title=" Bengal" 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=" Georgian" title=" Georgian" 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=" Kazakh" title=" Kazakh" 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=" Catalan" title=" Catalan" 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=" Russian" title=" Russian" 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=" Tadzhitsky" title=" Tadzhitsky" 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=" telugu" title=" telugu" 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=" Uzbetsky" title=" Uzbetsky" 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;">Blog</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;">Post navigation</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;">HOW TO SET fonts in XP windose</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;">Shrink Toolbar in 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;">Add a comment </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;">cancel reply</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;">Your e-mail will not be published. </font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Required fields are marked </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;">Comment</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;">name </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;">E-mail </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;">Site</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="Submit Comment" 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;">To find:</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="Search" 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;">Recent Entries</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;">Shrink Toolbar in 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;">ELEMENTS site navigation</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;">HOW TO SET fonts in XP windose</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;">NOT DISPLAY UPDATE TO 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;">WHY I CAN NOT INSTALL MANAGER 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;">Categories</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;">Blog</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;">news</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">
						Proudly powered by WordPress
					</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;">We use cookies for the best representation of our site. </font><font style="vertical-align: inherit;">If you continue to use the site, we will assume that you are happy with it. </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> 


 </body></html>