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

[arver]

Добрый день,помогите пожалуйста решить следующую проблему:
1)необходимо изменить кнопки меню,на те,что нарисованы в шапке и где менять цвет(при наведении на кнопку)?
2)как перенести отображение поиска и телефона на нарисованные в шапке?
cсылка на сайт:http://arver-shop.storeland.ru/

[support 2.0]

arver (30 Январь 2013 - 09:39) писал:

Добрый день,помогите пожалуйста решить следующую проблему:
1)необходимо изменить кнопки меню,на те,что нарисованы в шапке и где менять цвет(при наведении на кнопку)?
2)как перенести отображение поиска и телефона на нарисованные в шапке?
cсылка на сайт:http://arver-shop.storeland.ru/

1. Рисовать все меню в шапке не совсем правильное решение. У Вас получается уже и текст есть, тогда непонятно куда убрать текст меню, которое создано в Разделе Сайт -> Меню. Можете просто сделать контур меню (как было сделано в выбранном Вами шаблоне по умолчанию, а стили уже все подкорректировать потом и точно такое же меню как у Вас нарисовано, сделать с помощью стилей.
А так, стили меню находятся в файле main.css в блоке

  /*main menu*/
  #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li  { display:inline;}
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(/web/upload/assets/images/156/155762/tm_link_border.gif) no-repeat right top; }
  #mainmenu li a:hover {
  background: url(/web/upload/assets/images/156/155762/tm_link_border.gif) repeat-x center bottom;
  }
  #mainmenu li a.home {}

2. Для того, чтобы сместить поиск, найдите в файле main.css следующий блок

#search{
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
} #search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding:0px;padding-left: 14px;
padding-top: 8px;

}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}

замените го на

#search{
height: 35px;
float: right;
margin-top: 146px;
padding-right: 15px;
width: 142px;
border: 1px solid black;
} #search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 138px;
padding:0px;padding-left: 10px;
padding-top: 8px;

}
#search .submit {
cursor:pointer;
height: 35px;
width: 28px;
position: absolute;
margin-left: 161px;
}

[arver]

Я правильно понимаю надо рисовать gif анимацию и менять tm_link_border.gif на свою?

[Koderhan]

arver (30 Январь 2013 - 13:59) писал:

Я правильно понимаю надо рисовать gif анимацию и менять tm_link_border.gif на свою?

Да, хорошая идея насчет анимации.

[arver]

А без анимации?=)

[support 2.0]

arver (30 Январь 2013 - 13:59) писал:

Я правильно понимаю надо рисовать gif анимацию и менять tm_link_border.gif на свою?

Смысл не в gif анимации, а просто в замене изображения tm_link_border.gif. В данном случае у него формат gif. Вам просто нужно сохранить свое изображение с именем tm_link_border.gif

[arver]

Это будет единая картинка(фон для всех кнопок)?(А где в таком случае менять цвет,при наведении на кнопку меню?цвет и шрифт текста меню?)

[support 2.0]

arver (30 Январь 2013 - 16:12) писал:

Это будет единая картинка(фон для всех кнопок)?(А где в таком случае менять цвет,при наведении на кнопку меню?цвет и шрифт текста меню?)

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

font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;

[arver]

Благодарю за помощь

[ais-83]

support 2.0 (30 Январь 2013 - 15:54) писал:

Смысл не в gif анимации, а просто в замене изображения tm_link_border.gif. В данном случае у него формат gif. Вам просто нужно сохранить свое изображение с именем tm_link_border.gif

добрый день. Я изменила в фотошоп цвет синей полоски, но на деле - при наведение на кнопку ее цвет не меняется. аккаунт - 200638
снимаю вопрос. разобралась.

[support 2.0]

ais-83 (26 Апрель 2013 - 13:40) писал:

добрый день. Я изменила в фотошоп цвет синей полоски, но на деле - при наведение на кнопку ее цвет не меняется. аккаунт - 200638
снимаю вопрос. разобралась.

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

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

•