logo частный фрилансер Москва

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

24 августа 2013 в 8:55 Блог веб-разработчика

Выделить пункт меню | 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]

Конец.

Как выделить отдельный пункт меню жирным шрифтом #8642398 Как выделить отдельный пункт меню жирным шрифтом #2642598 Как выделить отдельный пункт меню жирным шрифтом #3357202 Как выделить отдельный пункт меню жирным шрифтом #9357002 Как выделить отдельный пункт меню жирным шрифтом #15356802 Как выделить отдельный пункт меню жирным шрифтом #21356602 Как выделить отдельный пункт меню жирным шрифтом #27356402 Как выделить отдельный пункт меню жирным шрифтом #33356202 Как выделить отдельный пункт меню жирным шрифтом #39356002 Как выделить отдельный пункт меню жирным шрифтом #45355802 Как выделить отдельный пункт меню жирным шрифтом #51355602 Как выделить отдельный пункт меню жирным шрифтом #57355402 Как выделить отдельный пункт меню жирным шрифтом #63355202 Как выделить отдельный пункт меню жирным шрифтом #69355002 Как выделить отдельный пункт меню жирным шрифтом #75354802 Как выделить отдельный пункт меню жирным шрифтом #81354602 Как выделить отдельный пункт меню жирным шрифтом #87354402 Как выделить отдельный пункт меню жирным шрифтом #93354202 Как выделить отдельный пункт меню жирным шрифтом #99354002 Как выделить отдельный пункт меню жирным шрифтом #105353802 Как выделить отдельный пункт меню жирным шрифтом #111353602 Как выделить отдельный пункт меню жирным шрифтом #117353402 Как выделить отдельный пункт меню жирным шрифтом #123353202 Как выделить отдельный пункт меню жирным шрифтом #129353002 Как выделить отдельный пункт меню жирным шрифтом #135352802 Как выделить отдельный пункт меню жирным шрифтом #141352602 Как выделить отдельный пункт меню жирным шрифтом #147352402 Как выделить отдельный пункт меню жирным шрифтом #153352202 Как выделить отдельный пункт меню жирным шрифтом #159352002 Как выделить отдельный пункт меню жирным шрифтом #165351802

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

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

Ваш вопрос:

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

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

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

Как с вами связаться? *

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

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

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

Комментарий

Корзина пуста