Сообщений в теме: 9

[vadim777]

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

[Ирина345]

vadim777 (07 Июль 2014 - 14:17) писал:

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

Добрый день!
найдите в main.css

#mainmenu li a {
font: bold 13px/40px Helvetica,Tahoma,Arial,sans-serif;
padding-left: 8px;
padding-right: 8px;
}

font: bold 13px(размер шрифта)/40px(высота шрифта) Helvetica,Tahoma,Arial,(стиль шрифта) sans-serif;

[Kapal]

Ирина345 (07 Июль 2014 - 14:21) писал:

Добрый день!
найдите в main.css

#mainmenu li a {
font: bold 13px/40px Helvetica,Tahoma,Arial,sans-serif;
padding-left: 8px;
padding-right: 8px;
}

font: bold 13px(размер шрифта)/40px(высота шрифта) Helvetica,Tahoma,Arial,(стиль шрифта) sans-serif;

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

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

• 

[AnnaM]

Kapal (29 Октябрь 2014 - 23:23) писал:

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

добавьте в конец main.css код

ul#mainmenu {
background: beige;
}

[Kapal]

AnnaM (29 Октябрь 2014 - 23:28) писал:

добавьте в конец main.css код

ul#mainmenu {
background: beige;
}

Спасибо! Доброй Вам ночи!

[Kapal]

Добрый день, Уважаемые модераторы!
Помогите, пожалуйста реализовать:
Закруглить углы у блока верхнего главного меню.
Подсветку (при наведении курсора на пункты меню), то же сделать с закругленными углами.
Пожалуйста!

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

• 

[Danil]

Kapal (30 Октябрь 2014 - 14:07) писал:

Добрый день, Уважаемые модераторы!
Помогите, пожалуйста реализовать:
Закруглить углы у блока верхнего главного меню.
Подсветку (при наведении курсора на пункты меню), то же сделать с закругленными углами.
Пожалуйста!

В main.css найдите код
для пунктов меню

  #mainmenu li a:hover {
  background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom;
  }

И замените на

  #mainmenu li a:hover {
  background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom;
  border-radius: 16px;
  }

для блока верхнего меню

ul#mainmenu {
background: beige;
}

и замените на

ul#mainmenu {
background: beige;
border-radius: 16px;
}

[Kapal]

Danil (30 Октябрь 2014 - 14:47) писал:

В main.css найдите код
для пунктов меню

#mainmenu li a:hover {
background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom;
}

И замените на

#mainmenu li a:hover {
background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom;
border-radius: 16px;
}

для блока верхнего меню

ul#mainmenu {
background: beige;
}

и замените на

ul#mainmenu {
background: beige;
border-radius: 16px;
}

Спасибо!
Осталась одна проблемка:
Высота блока верхнего главного меню, больше высоты подсветки. Как подогнать высоту блока меню к высоте подсветки или высоту подсветки к высоте блока меню. Скрин прилагаю.

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

• 

[MikDark]

Kapal (30 Октябрь 2014 - 15:01) писал:

Спасибо!
Осталась одна проблемка:
Высота блока верхнего главного меню, больше высоты подсветки. Как подогнать высоту блока меню к высоте подсветки или высоту подсветки к высоте блока меню. Скрин прилагаю.

В шаблоне main.css найдите строки:

#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #000000;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  /*background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top;*/ }

и замените на:

#mainmenu li a{
  font: bold 12px/38px Helvetica, Tahoma, Arial, sans-serif;
  color: #000000;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  /*background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top;*/ }

[Kapal]

MikDark (30 Октябрь 2014 - 15:06) писал:

В шаблоне main.css найдите строки:

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #000000;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
/*background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top;*/ }

и замените на:

#mainmenu li a{
font: bold 12px/38px Helvetica, Tahoma, Arial, sans-serif;
color: #000000;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
/*background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top;*/ }

Спасибо, огромное!