Активный пункт меню

Активный пункт меню — весьма востребованное свойство для любого сайта. И в этой статье мы рассмотрим, как можно силами CSS и небольшого кода JavaScript сделать такое весьма значимое решение на Вашем сайте.

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

Когда-то давным давно я сам задавался этой проблемой, пока не пришел к выводу, что бесполезно искать какие-то сторонние решения и решил создать свой скрипт, который легок для понимания любому мало-мальски подготовленному программисту в JavaScript, легко встраивается в любой шаблон, дизайн, в любую систему управления сайтом, хоть Joomla, хоть WordPress или иные. Итак, представляю Вашему вниманию активный пункт меню CSS и JavaScript.

Для начала подключаем между тегами <head> и </head> JQuery библиотеку, вот код.

Чтобы более наглядно продемонстрировать Вам всю возможность и порядок действий для начала создайте любое меню между тегами <body></body>, например, вот такое.

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

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

Заметьте, все, что Вы пишите в CSS, должно относится к нашему пункту меню,  который мы хотим сделать активным. Теперь же нам необходимо сделать маленький скрипт, который бы определял, на какой мы находимся странице, а затем при условии, что эта страница равна нашей запрошенной — присваивал нужному нам пункту меню свой класс active. И наш пункт меню бы окрасился в нужным нам цвет, поменял бы шрифт, или сменил background. Ниже код, не забудьте, вставляем его между тегами <head></head>

Теперь я хотел немного пояснить вышепредставленный код и что он делает. Итак, это JavaScript код и он начинает функцию, которая сначала берет данные из нашего меню, а именно из нашего тега <a> нашего меню. Функция берет из адресной строки адрес, на котором мы сейчас находимся и присваивает его переменной location. Затем берет атрибут ссылки у нашего тега <a> и присваивает это значение переменной link, затем сравнивает эти две переменные, и если они равны, то есть мы находимся в данный момент именно на нужной нам странице, то с помощью функции addClass мы даем нашей ссылки новый класс active, стили оформления которого мы указали в CSS. Все, теперь все будет работать и Вы с легкостью сможете указывать любое меню с постоянной ссылкой.

Учтите, что у Вас могут возникнуть вопросы — Вы всегда сможете оставить свои комментарии под этой статьей. Удачи в написании отличных менюшек.

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

X

Создание сайта "стандарт"

Особенности

Подключаемые модули

Заказать
X

Создание сайта "эксклюзив"

Особенности

Подключаемые модули

Заказать
X

Создание сайта "магазин"

Особенности

Подключаемые модули

Заказать
X

Наполнение Вашего сайта

Наполнение сайта информацией еще называется как полный аутсорсинг проекта.

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

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

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

Заказать
X

Оптимизация Вашего сайта

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

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

Стоимость исходит из конкретных задач и начинается от 15.000 рублей в месяц.

Заказать
X

Полное продвижение Вашего сайта

Продвижение сайтов — это комплекс мероприятий, направленный на то, чтобы обеспечить сайту достойное представительство в поисковой выдаче самых популярных поисковых машин: Яндекса и Google. Оказаться в ТОП 10 довольно сложная задача и она не решается за один день. Для успешного продвижения необходимо соблюдение трех основных элементов для каждого сайта:

  1. Оптимизация существующего сайта под поисковые запросы. Сюда входит спектр работ по улучшению валидности сайта для поискового робота: проверяются и иные теги на нормального отображения сайта в поисковой выдаче.
  2. Написание уникальных текстов. Без наполнения — сайт ничто. Поэтому я делаю особый упор на качественном наполнении уникальной информацией Вашего сайта, что способствует появлению Вас в выдаче под конкретный запрос уже в первый месяц продвижения.
  3. Преобретение уникальных ссылок на Ваш сайт. Важным составляющим любого продвижения является количество ссылок на Ваш интернет-ресурс. Чем больше этих ссылок, тем быстрее Вы станете заметнее в сети, тем более конкурентно-способным окажетесь в Вашем бизнесе. С 1 января 2014 года Яндекс постепенно отказывается от ссылок. Это значит, что тратиться на покупку этих ссылок больше не нужно. Ввиду этого, стоимость продвижения уменьшена в два раза!!!

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

В следствие этого, могу с уверенностью сказать, что вывести определенные ключевики со 100% вероятностью просто невозможно. Поэтому в своей работе я использую довольно интересный метод. Он заключается в том, что я вывожу не конкретные ключевые запросы, а спектр ключивиков.

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

Для наглядности отображения данной темы я составил удобную таблицу с 2 различными тарифными планами. После нее, я дам более подробное описание ее содержимому.

Наименование Стандарт Бизнес
Процент продвигаемых слов от максимального
количества эффективных запросов.
30% 40%
Оптимизация сайта есть есть
Рерайт текстов и написание уникальных статей есть есть
Размещение информации и ссылок
с внешних ресурсов
и блогов на ваш сайт
НЕТ есть (повышение ТиЦ)
Размещение в каталогах Yandex, Rambler, Mail нет есть
Итого 15 000 30 000

Итак, существует два тарифных плана, которые будут для Вас интересны. Все продвижение, для новых сайтов составляет 1 год, для сайтов, которые уже есть в выдачи по некоторым запросам сроки и цена обговаривается отдельно. Из таблицы видно, что я обязуюсь через 1 год предоставить Вам результат, что из всех обговоренных с Вами ключевиков я выведу в топ 30% или 40% от общего количества ключевых фраз. В моем понимании топ — это позиции в выдаче яндекса или гугл с 1 по 10.

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

Заказать
X

Работа по дизайну

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

  1. Разработка дизайна сайта — 13.000 рублей. Срок 5 дней
  2. Разработка логотипа — 10.000 рублей. Срок 12 дней
  3. Разработка визитки — 3.000 рублей. Три варианта 7 дней
  4. Разработка рекламной брошюры (формат А5) — 10.000 рублей. Срок 5 дней
  5. Разработка плаката — от 10.000 рублей.
Заказать