Время чтения: 2 мин. 24 августа 2013 в 8:55 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Как выделить отдельный пункт меню жирным шрифтом

Выделить пункт меню | Joomla, WordPress

Первый пример относится к движку WordPress. Второй пример относится к движку Joomla.


Пример 1. Как выделить пункт меню WordPress.

Сегодня занимался доработкой сайта www.landastability.ru, заказчику нужно было внедрить на юридический сайт новый вид услуг — бухгалтерия.

Решили сделать следующим образом:

shapka-1

1 картинка — вид шапки сайта до редизайна

shapka-2

2 картинка — вид шапки сайта после редизайна

На 2 картинке появился новый пункт меню, который мы перенесли вправо и выделили жирным и зеленым цветом.

Делается это путём прописывания css стилей для элемента меню Бухгалтерия.

Шаг 1.: Захоим в админку Вашего сайта —  Внешний Вид — Меню.

2013-08-16_194512

Шаг 2.: Нужно включить возможность прописывать стили для элементов меню. По умолчанию для элементов меню прописывание стилей отключено. Делается это просто: Вверху экрана на странице Внешний вид — меню: есть кнопка — Настройки экрана. Нажимаем. Вылазит окошко, возле графы Классы CSS ставим галочку. Все, возможность приписывать css стили для элементов меню включена.

2013-08-16_194653

[info]

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

2013-08-16_195248

[/info]

Шаг 3.: Прописываем  в графе Классы CSS  название стиля. Название может быть любое, главное что б они соответствовали.  (Его же далее будем расписывать в файле style.css Вашей темы )

2013-08-16_194709

Шаг 4.: Прописываем нужные нам параметны CSS для лемента меню Бухгалтерия.

2013-08-16_195853

В моем случае написано только .about {font-weight: bold;}, где фраза font-weight  — отвечает за насыщенность шрифта, а bold — означает что начертание будет полужирное. Вообщем в скобках можете прописывать что угодно.

[php]

.about {

font-weight: bold;

float: right;

и т.д.

и т.д.

}

[/php]

Обновляете, и все, готово. По WordPress Все.


Постовой статьи: створити сайт предлагает киевская студия.


Пример 2: Как выделить пункт меню Joomla.

Заходите в пункт меню, там есть параметры отображения ссылки. Прописываете нужной ссылке любой класс — вот так

2013-08-16_1952481

Если открыть исходный код, то ссылка теперь в коде будет прописываться с этим классом — вот так:

2013-08-16_195242

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

Вот на этот класс и навешиваете bold в стилях сайта.

[php].about {font-weight: bold;} [/php]

Конец.

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Введите ваше имя *

Введите контактный email *

Сообщение

Заказать сайт
Первые 14 дней бесплатно. Оставьте номер email и контактный телефон. Я лично перезвоню Вам в течении 10 минут, для обсуждения деталей.


Ваш email

Введите контактный телефон

Комментарий или вопрос

Проблемы с оплатой?
Опишите ситуацию. Когда возникает проблема? Что планируете купить?

Введите ваше имя *

Введите контактный email *

Что необходимо доработать

Скачать чек-лист
Заполните поля ниже. В течении 10 минут на указанный e-mail будет отправлена ссылка на скачивание чек-листа.

Введите ваше имя *

Введите контактный E-mail *

Предварительная запись для получения скидки
Введите ваше имя, телефон и Skype логин и email. Я свяжусь с Вами для уточнения деталей прохождения курса.

С кого числа Вам удобней начать обучение в 2019 году?

Введите контактный телефон *

Введите контактный E-mail *

Выберите программу

Курс SEO для интернет-магазинов

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

Особенности продвижения интернет-магазинов, специфика оптимизации. Как избавить себя от рутинной оптимизации каждой страницы и в 1 клик оптимизировать до 10 000 тыс товаров.

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

И да, все это урок за уроком я лично расскажу Вам и помогу внедрить.

Длительность обучения 30 дней.

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Курс SEO для корпоративных сайтов

Данный курс поможет вашему бизнесу получить новых клиентов из органического трафика.

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

И да, все это урок за уроком я лично расскажу Вам и помогу внедрить.

Длительность обучения 20 дней.

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Курс SEO для Landing Page

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

Курс научит Вас оптимизировать и продвигать одностраничные сайты.

И да, все это урок за уроком я лично расскажу Вам и помогу внедрить.

Длительность обучения 1 день.

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Курс SEO для самостоятельного обучения

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

Вы шаг за шагом приведете свой сайт в порядок и сможете увеличить трафик на 500% минимум!!!

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

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий