Перейти к содержимому


Поменять Шрифт Нижнего Меню

Автор emin808, 19 февр. 2013 13:50
шрифт меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 24

#1 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 13:50

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


Изображение

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 19 Февраль 2013 - 15:48

В файле "bootstrap-responsive.min.css".
Найти код:
  .menu_main li a,
  .menu_main li ul a {
	line-height: 24px;
	padding:0px;
	font-weight: bold;
	color: #B2B2B2;
	position: relative;
  }
Заменить:
  .menu_main li a,
  .menu_main li ul a {
	line-height: 24px;
	padding:0px;
	color: #B2B2B2;
	position: relative;
  }

#3 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 18:46

Да, благодарю, все получилось,

Подскажите пожалуйста, как поменять фон нижнего меню при наведении : например цвет: #71A744

#4 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Февраль 2013 - 18:57

В файле "bootstrap-responsive.min.css" найдите раздел 
.menu_main li a:hover{
background:#f1f1f1;
*background:#f1f1f1;
}
и сразу после него вставьте
.menu_main li a:active {background:#f1f1f1;
*background:#f1f1f1;
}


Должно помочь.

#5 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 19:11

Просмотр сообщенияStasya (19 Февраль 2013 - 18:57) писал:

В файле "bootstrap-responsive.min.css" найдите раздел 
.menu_main li a:hover{
background:#f1f1f1;
*background:#f1f1f1;
}
и сразу после него вставьте
.menu_main li a:active {background:#f1f1f1;
*background:#f1f1f1;
}


Должно помочь.

Благодарю, реакции нет ...

#6 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Февраль 2013 - 19:27

В файле "bootstrap-responsive.min.css" найдите раздел
[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif].menu_main ul li a:hover {
background: #f1f1f1\9;}
удалите поcледнюю 9
т.е.
.menu_main ul li a:hover {
background: #f1f1f1;}

#7 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 19:41

Просмотр сообщенияStasya (19 Февраль 2013 - 19:27) писал:

В файле "bootstrap-responsive.min.css" найдите раздел
[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif].menu_main ul li a:hover {
background: #f1f1f1\9;}
удалите поcледнюю 9
т.е.
.menu_main ul li a:hover {
background: #f1f1f1;}


Да, благодарю Вас, все получилось :)

#8 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 19:50

Просмотр сообщенияKoderhan (27 Январь 2013 - 13:01) писал:

В файл "main.csstemplate".
Добавить код:
.hidden-phone {
color: green;
}

Найти код:
.footer ul li a.active {color:#333333;}
Заменить:
.footer ul li a.active {color: #DFAB4F;}

Ту еще одна деталь, по инструкции описанной выше изменил цвет текста при наведении

вставил : .footer ul li a.active {color:#F8F8F8;}

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

Возможно есть другой путь как изменить цвет текста при наведении?!

Прикрепленные изображения

  • Как сделать заказ товаров за ПЕ. ASFN Эволюция РА.png

#9 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Февраль 2013 - 20:10

Найдите в файле "main.css" блок 
.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}
и измените на тот цвет, который Вам нужен. Тогда при нажатом пункте меню, цвет текста будет таким как Вы его поставите.

#10 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 20:30

да, благодарю, Я так и сделал, но вот задача встала , когда прохожу одной из ссылке то в меню она тоже светится видимо белым и получается её не видно

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

Как сделать чтоб текст при нахождении в разделе был виден ?!

Прикрепленные изображения

  • Как сделать заказ товаров за ПЕ. ASFN Эволюция РА.png

#11 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Февраль 2013 - 20:40

Найдите в файле "main.css" блок 
.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}

изменяем на 
.footer ul li a:hover {color:#F8F8F8;}
.footer ul li a.active {color: #333333; font-weight:bold;}

текст  будет черным и жирным

#12 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 19 Февраль 2013 - 20:53

Просмотр сообщенияStasya (19 Февраль 2013 - 20:40) писал:

Найдите в файле "main.css" блок 
.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}

изменяем на 
.footer ul li a:hover {color:#F8F8F8;}
.footer ul li a.active {color: #333333; font-weight:bold;}

текст  будет черным и жирным

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

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

#13 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 20 Февраль 2013 - 05:16

В файле "bootstrap-responsive.min.css".
Найти код:
.menu_main ul li a:hover {
background:#71A744;
}
Заменить:
.menu_main ul li a:hover {
background:#71A744;
color: white;
}

#14 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 20 Февраль 2013 - 06:04

Просмотр сообщенияKoderhan (20 Февраль 2013 - 05:16) писал:

В файле "bootstrap-responsive.min.css".
Найти код:
.menu_main ul li a:hover {
background:#71A744;
}
Заменить:
.menu_main ul li a:hover {
background:#71A744;
color: white;
}

Благодарю, но реакции нет...

#15 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 20 Февраль 2013 - 08:18

Просмотр сообщенияemin808 (20 Февраль 2013 - 06:04) писал:

Благодарю, но реакции нет...
В файле "bootstrap-responsive.min.css".
Найти код:
.menu_main ul li a:hover {
background:#71A744;
}
Заменить:
.menu_main ul li a:hover {
background:#71A744;
color: white;/*цвет текста*/
}
Пожалуйста, не убирайте изменения. Чтобы мы могли знать причину по которой данный код не работает.

Прикрепленные изображения

  • ScreenShot 444.png
  • ScreenShot 445.png

#16 emin808

emin808

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 538 сообщений

Отправлено 20 Февраль 2013 - 08:21

да, все получилось :)  , благодарю вас <_< и последую в будущем Вашим рекомендациям

#17 ilnarius

ilnarius

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 01 Июнь 2013 - 00:08

Просмотр сообщенияKoderhan (20 Февраль 2013 - 08:18) писал:

В файле "bootstrap-responsive.min.css".
Найти код:
.menu_main ul li a:hover {
background:#71A744;
}
Заменить:
.menu_main ul li a:hover {
background:#71A744;
color: white;/*цвет текста*/
}
Пожалуйста, не убирайте изменения. Чтобы мы могли знать причину по которой данный код не работает.
Как сделать шрифт в меню строгим, убрать слово каталог, и отдалить друг от друга категории в меню?

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Июнь 2013 - 04:34

укажите пожалуйста адрес своего сайта или номер аккаунта

#19 ilnarius

ilnarius

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 01 Июнь 2013 - 22:41

Просмотр сообщенияVaccina (01 Июнь 2013 - 04:34) писал:

укажите пожалуйста адрес своего сайта или номер аккаунта
SL-171284

#20 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 02 Июнь 2013 - 08:15

Просмотр сообщенияilnarius (01 Июнь 2013 - 22:41) писал:

SL-171284

Найдите код в файле bootstrap-responsive.min.css:
@media (min-width: 768px)
.menu_main li {
display: block;
text-align: left;
width: auto;
margin: 0;
line-height: 1.2;
}
и замените на:
@media (min-width: 768px)
.menu_main li {
display: block;
text-align: left;
width: auto;
margin: 0;
line-height: 2.2;
font-family: Tahoma; 
}

Найдите код в шаблоне HTML:
<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
				<a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
и замените на:
<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>

Обратно в Изменение общей стилистики



Темы с аналогичным тегами шрифт, меню

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Изменение общей стилистики
  6. Privacy Policy