Не пропусти

Как — зачётно — оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

>

Как «зачётно» оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Здравствуйте, уважаемые читатели блога Хочу продолжить сегодня приводить примеры использования фреймворка под названием Бутстрап 3 на благо упрощения и стандартизации верстки сайтов. Конечно же, это не конструктор сайтов, где нужные элементы сайта можно перетащить мышью в нужное место и для работы с которым особых знаний не потребуется. Нет. Но эта штука позволяет верстать «зачетные сайты» всем, кто освоит небольшой набор «хитростей».

К разочарованию большинства, приходится признать, что базовые знания Html и основы CSS при изучении Bootstrap необходимы, без них для вас все это будет одна сплошная галиматья. Но вот филигранного владения стайлингом от вас уже не потребуется — нужно будет лишь изучить способы подключения возможностей этого фрейморка для реализации ваших задумок на «профессиональном» уровне. А потом все пойдет уже по накатанной.

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Чуть ранее мы с вами уже кое о чем побеседовали, кое чему научились и даже появилось желание разбираться дальше. Последнее похвально, ну, а для тех, кто присоединился к нам только сейчас, предложу к ознакомлению предыдущие опусы на тему овладения Бутстрапом, которые неплохо было бы изучить (и желательно в приведеном порядке следования):

Сегодня же у нас на очереди оформление с помощью функционала Бутстрапа различных элементов навигации — хлебных крошек, вертикальных и горизонтальных меню, а также меню выпадающих. Все это не так, чтобы было сложно, но на примерах учиться, как правило, легче. Ну, а в следующей статье мы уже рассмотрим создание переключающихся вкладок с контентом в горизонтальном и вертикальном (типа аккордеона) исполнении. Ну, а сегодня навигация и все, что с ней связано. Поехали.



Оформляем через Bootstrap хлебные крошки

Еще раз акцентирую ваше внимание, что этот фреймворк фактически задает вашему сайту «зачетный» внешний вид, что позволяет сделать восприятие имеющегося на сайте контента более простым и естественным для его посетителей. Мы будем продолжать рассматривать его применение на неком аналоге простейшего Html сайта, для работы которого не используется никакого движка. Т.е. в нем отдельные страницы сайта представляют отдельные Html файлики, к которым подключается описанными в первой статье средствами Бутстрап, чтобы они выглядели «не хуже, чем у людей».

Это вовсе не означает, что Bootstrap нельзя прикрутить к движку. Можно, и если будет время и желание мы поговорим про это на примере Joomla. Но объяснять принципы использования этого фреймворка удобнее именно на примере отдельных страниц некоего простейшего Html сайта, о создании которого и подключении к нему Бутстрапа мы говорили в первых статьях этой серии. Однако, приступим к делу.

Итак, сегодня у нас навигация по сайту. Бутстрап по этой теме предлагает довольно-таки много решений, включая вкладки, навигационные кнопки, выпадающие меню, списки, навигационные панели, хлебные крошки и даже нумерацию страниц. Все это, на самом деле, очень важно, ибо без должным образом настроенной и хорошо оформленной навигации посетители будут теряться на вашем сайте, что может привести к ухудшению поведенческих факторов.

Некоторые элементы потребуют кооперации с Джава-скриптом (например, выпадающие меню или переключающиеся вкладки с контентом). Но в этом фрейворке это все достигается элементарно — простым добавление нужного класса или ID к нужному элементу Html кода. Ну, да вы и сами все увидите (в этой статье — на примере выпадающих меню, а в следующей — на примере вкладок).



Давайте начнем с чего попроще, а именно с хлебных крошек. По приведенной ссылке вы найдете пример их реализации на WordPress, а сегодня мы говорим не об их реализации на каком-либо движке, а именно о придании им «зачетного» вида. Саму необходимость использования на сайте подобных элементов навигации, думаю, обосновывать не требуется.

Обычно хлебные крошки располагаются вверху веб-страниц и служат для быстрого понимания того, где пользователь находится в данный момент (относительно глобальной иерархии сайта). Другими словами, они добавляют интерактивности вашему проекту.

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Т.е. вы понимаете, в каком именно разделе содержится данная статья (товар, услуга) и можете в него непосредственно перейти для просмотра остальных предложений. Давайте сымитируем их. В Html коде это будет оформлено как банальный список, в котором важен порядок расположения пунктов.

Для наилучшего понимания создадим Html страницу, чем-то напоминающую реальную вебстраницу с заготовкой для хлебных крошек. Ну, а после эту самую заготовку разметим с помощью классов Bootstrap 3 так, чтобы глаз порадовался.

Точнее, создам заготовку я сам, а вам лишь предложу по аналогии с предыдущими статьями этой рубрики скачать файлик sait-7.html (для этого кликните по ссылке правой кнопкой мыши и выберите из контекстного меню пункт «Сохранить как. »), чтобы уже потом вместе дописывать к этой «рыбе» нужные классы бутстрапа. Его также нужно будет поместить в папку Bootstrap (в ее корень).



Если вы посмотрите исходный код файла sait-7.html, то увидите, что в нем уже подключен Бутстрап и jquery, а также добавлен контент для имитации содержимого страницы. Да, еще папочка с используемыми на этой странице изображениями вам понадобится. Скачать ее можно отсюда — img-6.zip. Просто распакуйте архив и поместите содержащиеся в нем картинки в папку img. Структура получится такая:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Наша заготовка на данный момент выглядит довольно-таки непрезентабельно — обычный нумерованный список никак не сподвигающий пользователя думать, что это и есть знаменитые хлебные крошки:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Но не беспокойтесь, сейчас все будет. Нужно будет только нужные классы добавить к элементам этого списка (их можно будет подсмотреть в хелпе по Бутсрап 3, а заодно там и про пагинацию чуть ниже написано) и он заиграет новыми красками. Вы теги списка в коде файла sait-7.html нашли? Замечательно, теперь добавьте к тегу OL класс breadcrumb , а также отметьте классом active тот пункт LI (последний), который обозначает текущее местоположение пользователя в навигации по сайту.

В итоге должно в коде получиться примерно так:

Ну, а на нашей подопытной странице все тоже станет очень даже симпотно и похоже на настоящие хлебные крошки (навигационная последовательность), оформленные через Бутстрап:



Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Понятно, что если Бутсрап прикручивать к самописному или общедоступному движку, то вписывать данные классы придется в те файлы шаблона, где описывается работа хлебных крошек. В нашем же случае имеет место быть тривиальный Html сайт с небольшим числом страниц, где все вручную прописывается (и навигационная последовательность в том числе) для каждой страницы. В принципе, небольшой проект вполне можно именно так и делать, ибо прикручивание движка не всегда целесообразно.

Как поменять разделитель в хлебных крошках?

Однако, вернемся к нашим баранам. По умолчанию в качестве разделителя используется слеш (это задано в CSS-стилях от Bootstrap). Не скажу, что это плохо (мне нравится), но если у вас возникнет вполне здоровое желание поэкспериментировать, то в двух словах опишу те шаги, которые нужно будет для этого предпринять. Например, давайте вместо слеша добавим какую-нибудь подходящую по смыслу глиф-иконку (стрелку или еще что-нибудь), о которых мы уже вели речь в одной из предыдущих статей. Давайте?

В общем, в файлике CSS от бутстрапа (bootstrap.css или bootstrap.min.css — в зависимости от того, какой из них вы подключили) этот самый разделитель добавляется с помощью селектора псевдоэлемента before и content, которые позволяют формировать контент страницы на лету (добавлять то, чего в Html коде нет). Например, в самом верху этой страницы вы видите ее оглавление, но не сможете скопировать слово «Оглавление» в буфер, ибо его нет в контенте (оно добавлено через CSS в качестве элемента оформления). Но не суть.



Нам нужно будет просто найти это место в файле стилей Бутстрапа bootstrap.css, и с помощью поиска по странице в используемом вами Html редакторе ищите breadcrumb. То, что вы найдете, будет выглядеть примерно так:

Страшная конструкция, но нам требуется лишь отключить добавления слеша. Однако, советую вам не вносить правки непосредственно в bootstrap.css. Для добавления своих стилей, если помните, мы специально создали и соответствующим образом подключили (читайте каким образом в CSS работают приоритеты) файлик manual.css. Вот именно в него (в самом конце) и добавим что-то типа этого:

После сохранения изменений обновите открытую страницу и увидите, что разделитель в крошках бесследно исчез:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Полдела сделано. Осталось только глиф-иконки добавить. Сделать это проще простого — где должен быть разделитель, там ставите тег SPAN с классом нужной глиф-иконки. Например, так:

Получилось в итоге так:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Как поставить другую иконку или сменить ее цвет, мы уже с вами разбирали в предыдущей статье. Идем дальше.

Оформление меню в виде вкладок или навигационных кнопок

Пожалуй, сейчас трудно найти сайт, который не имел бы панели навигации (меню). Именно оно связывает все страницы между собой и позволяет посетителю без проблем по ним перемещаться. Достойное оформление меню является тоже очень важной задачей, которую Бутстрап позволяет существенно облегчить не потеряв в качестве.



Чтобы не особо заморачиваться для иммитации меню, просто добавьте в уже существующий файлик sait-7.html, сразу после тега div с классом container, следующую конструкцию, представляющую из себя по сути список, который будет размещен в отдельной строке сетки Бутстрапа (будет занимать все 12 колонок по ширине):

Тут я, правда, извратился и вместо обычного контейнера DIV с классом строки (row) прописал тег семантической разметки NAV (обозначающий основную навигацию по сайту в спецификации Html 5). По сути это тот же DIV, но с намеком для поисковиков, что это есть менюшка. Не обращайте на это особого внимания. Данный список без должного оформления выглядит довольно-таки убого:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Давайте его облагородим (отстайлим) с помощью возможностей Bootstrap 3. Все, что для этого нужно, вы найдете в этом разделе хелпа, а я просто приведу конкретные примеры реализации этих инструкций.

Чтобы создать меню на манер вкладок, достаточно будет добавить к тегу списка класс nav nav-tabs , ну, а к тегу LI, соответствующему текущей странице, нужно будет по традиции добавить класс active (чтобы пользователь знал ответ на вопрос: «и где я нахожуся»).

В результате ни о чем не говорящий список по мановению волшебной палочки превращается в достойное взгляда посетителя меню:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap



Класс, да? Мне нравится Бутстрап.

Если нужно оформить вертикальное меню, то нужно будет добавить всего лишь еще один класс: nav-stacked . Получится что-то типа:

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

Кстати, вариант вкладок в случае вертикальных меню смотрится в исполнении Bootstrap не айс, поэтому лучше в этом случае использовать навигационные кнопки, которые задаются заменой класса nav-tabs на nav-pills :

Выглядеть на реальном сайте это может примерно так:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Открытая в данный момент страница в меню опять же отмечается добавлением класса active к нужному тегу LI. Получается, как вы могли убедиться, все очень даже презентабельно и без каких-либо заморочек. Как поменять цвета, чтобы они подходили под стиль вашего сайта, мы уже говорили в предыдущих статьях.

Собственно, и верхнее меню можно тоже сделать в виде навигационных кнопок простой заменой классов ( nav-tabs на nav-pills ) в теге списка, который и задает это самое меню в Html коде страницы. Получится, например, так:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Правда верхняя менюшка по умолчанию не растянута на всю ширину страницы. Кому-то это нравится, а кому-то захочется больше. В общем, чтобы растянуть в Bootstrap 3 меню на всю доступную ему ширину (у нас это вся ширина макета, ибо в строке с меню оно занимает все колонки невидимой сетки), нужно будет опять же всего лишь добавить еще один класс nav-justified :



Выглядеть это будет примерно так:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Таким образом, используя описанный выше пяток классов, можно поменять внешний вид (и даже ориентацию) панели навигации всего лишь в несколько кликов.

Как подготовить меню к просмотру на малых экранах?

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

Бутстрап 3 — это прежде всего отзывчивый дизайн (это когда при изменении размера экрана используются разные модели построения контента, чтобы его было проще воспринимать). В принципе, меню и по умолчанию будет подстраиваться под размер экрана, но можно сделать так, чтобы для смартфонов оно отображалось бы лишь в виде одной кнопки (с тремя горизонтальными полосками), тем самым не занимая весь первый экран. Сделать это не так уж и сложно.

На «немного» доработанный вариант:

Давайте посмотрим что получилось, а я потом коротенько поясню, что здесь к чему. Итак, на экранах мониторов и ноутбуков пользователи будут видеть вот такое меню:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Ну, во-первых, бросается в глаза, что оно стало черным, а текст пунктов наоборот белым. Собственно, за это отвечает добавление класса navbar-inverse . Но не это главное. Если вы будете уменьшать область просмотра (окно браузера), то в определенный момент от всего меню останется лишь одна кнопка с тремя полосками:



Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Как я уже упоминал, это будет удобно при просмотре сайта со смартфона. Нажав на эту кнопку пользователь увидит содержимое меню в таком вот виде:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

По-моему прикольно получилось. Если хотите, чтобы на кнопке отображались четыре горизонтальных полоски, то добавьте еще одну строку:

отвечает за отображение этой самой кнопки с тремя полосками при очередном коллапсе сетчатой системы Бутстрапа. Атрибуты начинающие с data отвечают за взаимодействие Html и Джаваскрипта.

отвечает за перемещение пунктов меню «под кнопку» при просмотре сайта на малых разрешениях экрана. Объяснять более подробно просто не хватит времени и статья будет раздута до безобразия. Просто возьмите на вооружение этот метод оптимизации меню в Bootstrap, если он вам понравился. А если нет, то забудьте.

Как сделать фиксированное меню средствами Bootstrap?

Что я имею ввиду под фиксированным меню? Ну, это как на этом блоге — верхнее меню при начале прокрутки страницы как бы прилипает в верхней части области просмотра и остается в поле видимости посетителя на все время его нахождения на сайте. О пользе такого подхода можно спорить, но я лишь опишу способ реализации такой фичи в Бутстрам 3 (тем более, что для этого и делать-то особо ничего не нужно — один класс дописать).



Собственно, уже проговорился, что для прикрепления меню нужно будет лишь добавить класс navbar-fixed-top , чтобы оно зафиксировалось в верхней области просмотра. При этом оно еще и растянется на всю ширину экрана, чтобы смотреться более органично.

Единственное, что при этом в самом начальном моменте, когда страницу посетитель еще прокручивать не начал, меню загораживает собой верхнюю область.

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Поправить это дело не сложно. В нашем собственном файле стилей manual.css, который мы благоразумно создали и подключили ко всем страницам сайта, нужно будет в самом начале добавить лишь одно дополнительное правило для видимой области сайта (тега body):

После этого все выглядит просто замечательно:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Ну, а при прокрутке страницы меню, как и договаривались, будет оставаться прижатым к самому верху области просмотра (зафиксированным).

Как организовать выпадающее меню в Бутстрап 3?

В заключении хочу дать необходимые пояснения по созданию выпадающих меню средствами Bootstrap. Говорить о пользе выпадающих меню не приходится, тем более на сайтах, где без разветвленной навигации бывает очень сложно построить удобное юзабилити. В общем, кому нужно — тот оценит.

Вся информация, необходимая вам для создания выпадающего меню, содержится в этом разделе хелпа Бутстрапа. Мы же рассмотрим пример применения этих знаний к созданной ранее навигационной панели. Просто добавим в уже существующее меню к одному из пунктов несколько подпунктов путем вставки вложенного списка. Выглядеть в коде это будет примерно так:



Т.е. мы добавили в пункт «Услуги» несколько подпунктов с видами услуг. Пока что на сайте все это выглядит не айс:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Но стоит нам добавить к тегу LI (того пункта меню, из которого будут выпадать вновь добавленные подпункты) класс dropdown и . Ничего не произойдет. Просто еще чуток поколдуем, чтобы получилась подобная конструкция:

Вот тогда уже все заиграет как надо. Или нет? Все получится как надо:

Как - зачётно - оформить навигацию на сайте (хлебные крошки, обычные и выпадающие меню) с помощью Bootstrap

Теперь немного пояснений. Для чего нужен фрагмент, показанный ниже?

Правильно, чтобы вот такой вот замечательный треугольничек, направленный вниз, добавить рядом с пунктом меню, который имеет выпадающие подпункты. Это поможет посетителям об этом без труда догадаться. Ну, а всю машинерию выпадания запускает атрибут тега ссылки A data-toggle=»dropdown» , задействуя для этого дела возможности джаваскрипта.

По-моему замечательно получается и совсем не сложно. А вы как думаете? Ах, да. Предвидя вопрос — сразу отвечу. Выпадающие меню в Bootstrap активируются по клику мыши, но не по наведению курсора. Почему сделали именно так? Все опять же просто объясняется.

Дело в том, что верстая сайт на этом фреймворке вы учитываете его удобный просмотр на всех возможных видах устройств отображения включая мобильные. А как подвести курсор мыши на смартфоне или планшете? Думаю, что решение разработчиков было единственно верным.



Следующая статья в цикле будет завершающей, посвящена она будет созданию горизонтальных и вертикальных вкладок. Думаю, что будет интересно. Не переключайтесь.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме:

Комментарии и отзывы

Дмитрий здравствуйте. Очень благодарен Вам за ваши статьи и ваш труд. Склоняю перед вами голову. Дмитрий извините что задаю вопрос не в той теме. У меня такой вопрос. Представьте что я написал статью,(статья «А») опубликовал и она успешно проиндексировалась в поисковиках. Затем, спустя к примеру месяц я опубликовал еще одну (статья «Б») которая тоже проиндексировалась. Вопрос: если после индексации страниц А и Б я сделаю перелинковку так как они связаны тематически, не отразиться ли это негативно в глазах поисковых машин? Есть ли у вас опыт в этом отношении? Заранее спасибо за ответ!!

Дмитрий добрый день! Вы такой молодец! Я уже не первый год успешно пользуюсь Вашими советами! Может быть Вы сможете мне помочь. на фоне именно этой статьи есть вопрос. выпадающее меню классная штука, но свернувшись в кнопку оно потом не разворачивается вообще! В чем может быть проблема. Все красиво и элегантно, но не разворачивается зараза))))

Спасибо за полезную информацию.

Не могли бы вы осветить такой аспект:

считается «хорошим»тоном, когда страница не имеет ссылку на саму себя. Например в «хлебных крошках» последний пункт делают неактивным.



Как поступать с активным пунктом меню?

1). Выпиливать руками, удаляя ссылки? Перепрописывая стили?

2). Воспользоваться классом .disabled и еще использовать javascript (вот только как?), как рекомендует сам бутстрап?

3). Поставить вместо href=»link.html» href=»#» и ничего не менять?

Вы ошибаетесь вот в этом:

«Дело в том, что верстая сайт на этом фреймворке вы учитываете его удобный просмотр на всех возможных видах устройств отображения включая мобильные. А как подвести курсор мыши на смартфоне или планшете? Думаю, что решение разработчиков было единственно верным».

Если для смартфона это правильное решение, то для обычного ПК или ноутбука — нет. Там есть мышка. Могли предусмотреть выпадающее меню для ПК и стилями делать его по клику для смартфонов.

Юрий. О «хлебных крошках» и последнем пункте в ряду ссылок.

Про двухуровневое горизонтально-вертикальное меню написано где угодно, а вот как построить трехуровневое/многоуровневое меню почти ничего нет. По крайней мере я нашёл лишь один источник (http://www.magisters.org/community/3/17) Проверил — работает, но непонятно как и от этого чувствуешь себя весьма неуютно! Может быть у Вас имеется материал с внятным изложением того, как строить многоуровневые меню?

С уважением В.Герасименко Псков

В выпадающем меню ничего не выпадает, если jQuery последней версии (3.1.1. 3.2.1). Все работает лишь со второй версией (2.2.4) Почему.

С уважением В.Герасименко



* Нажимая на кнопку «Добавить комментарий» или «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

О admin

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

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*

x

Check Also

Как установить Viber (вибер) на компьютер, создание, продвижение и заработок на сайте

> Как установить Viber (вибер) на компьютер? Скачиваем и устанавливаем Вибер на Windows 10 Скачиваем ...

Как установить (изменить) браузер используемый по умолчанию и сделать в нем Гугл или Яндекс умолчательным поиском, создание, продвижение и заработок на сайте

> Как установить (изменить) браузер используемый по умолчанию и сделать в нем Гугл или Яндекс ...

Как улучшить поведенческую статистику сайта с помощью плагинов Yet Another Related Posts и Related Posts Slider для Вордпресса, создание, продвижение и заработок на сайте

> Как улучшить поведенческую статистику сайта с помощью плагинов Yet Another Related Posts и Related ...

Как улучшить качество фото за 5 минут

> Как улучшить качество фото за 5 минут — ретушь, редактирование и прочая обработка фотографий ...

Как узнать самый выгодный курс? OKchanger, создание, продвижение и заработок на сайте

> Как узнать самый выгодный курс? OKchanger Здравствуйте, уважаемые читатели блога Люблю я свою профессию! ...

Как узнать и проверить посещаемость своего или чужого сайта

> Как узнать и проверить посещаемость своего или чужого сайта — статистика посещений, счетчики и ...

Как узнать ID рубрики, категории, записи или страницы в WordPress и как вернуть столбец с ID в админку Вордпресса, создание, продвижение и заработок на сайте

> Как узнать ID рубрики, категории, записи или страницы в WordPress и как вернуть столбец ...

Как удалять плохие ссылки на сайт с помощью XTool в эпоху Минусинска, создание, продвижение и заработок на сайте

> Как удалять плохие ссылки на сайт с помощью XTool в эпоху Минусинска? Здравствуйте, уважаемые ...

Как удалить страницу в Вконтакте, а также избавиться от удаленных страничек в Друзьях, создание, продвижение и заработок на сайте

> Как удалить страницу в Вконтакте, а также избавиться от удаленных страничек в Друзьях Здравствуйте, ...

Как удалить сообщение и всю переписку в Скайпе, можно ли изменить логин и удалить аккаунт Skype, создание, продвижение и заработок на сайте

> Как удалить сообщение и всю переписку в Скайпе, можно ли изменить логин и удалить ...

Как удалить свою страницу на Одноклассниках, создание, продвижение и заработок на сайте

> Как удалить свою страницу на Одноклассниках Социальная сеть «Одноклассники» накрыла волной уже миллионы наших ...

Как удалить пустые строки в Notepad, создание, продвижение и заработок на сайте

> Как удалить пустые строки в Notepad ++ Здравствуйте, уважаемые читатели блога Я в своем ...

Как удалить почту и почтовый ящик на, Яндексе и Gmail, создание, продвижение и заработок на сайте

> Как удалить почту и почтовый ящик на Mail.ru, Яндексе и Gmail Здравствуйте, уважаемые читатели ...

Как удалить канал или видео с Ютуба, создание, продвижение и заработок на сайте

> Как удалить канал или видео с Ютуба? Здравствуйте, уважаемые читатели блога Часто бывает, что ...

Как удалить или временно отключить свою страницу в Facebook, создание, продвижение и заработок на сайте

> Как удалить или временно отключить свою страницу в Facebook Здравствуйте, уважаемые читатели блога На ...

Как увеличить скорость загрузки сайта по максимуму и оптимизация нагрузки на сервер, создание, продвижение и заработок на сайте

> Как увеличить скорость загрузки сайта по максимуму и оптимизация нагрузки на сервер Здравствуйте, уважаемые ...

Как увеличить посещаемость сайта за счет получения бесплатных обратных ссылок с трастовых сайтов, создание, продвижение и заработок на сайте

> Как увеличить посещаемость сайта за счет получения бесплатных обратных ссылок с трастовых сайтов Здравствуйте, ...

Как увеличить доход со статей размещенных через WebArtex, создание, продвижение и заработок на сайте

> Как увеличить доход со статей размещенных через WebArtex Здравствуйте, уважаемые читатели блога Если вы ...

Как увеличить CTR в поисковой выдаче на 20% при помощи товарных отзывов, создание, продвижение и заработок на сайте

> Как увеличить CTR в поисковой выдаче на 20% при помощи товарных отзывов Здравствуйте, уважаемые ...

Как убрать служебные ссылки с WP-JSON из исходного кода страниц вашего блога на WordPress, создание, продвижение и заработок на сайте

> Как убрать служебные ссылки с WP-JSON из исходного кода страниц вашего блога на WordPress ...

Как уберечься от скрытых ссылок и вирусов в шаблонах для Joomla и WordPress, создание, продвижение и заработок на сайте

> Как уберечься от скрытых ссылок и вирусов в шаблонах для Joomla и WordPress? Здравствуйте, ...

Как сформировать оптимальную ссылочную массу для сайта, создание, продвижение и заработок на сайте

> Как сформировать оптимальную ссылочную массу для сайта Здравствуйте, уважаемые читатели блога Хочу сегодня поговорить ...

Как составить семантическое ядро и на его основе создать структуру сайта, создание, продвижение и заработок на сайте

> Как составить семантическое ядро и на его основе создать структуру сайта Здравствуйте, уважаемые читатели ...

Как создать страницу и группу в социальной сети Одноклассники, создание, продвижение и заработок на сайте

> Как создать страницу и группу в социальной сети Одноклассники В современном обществе страница в ...