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

[arver]

Здравствуйте,помогите со следующим:как объединить еще два блока(первый за слайдером и второй-маленькая полосочка между каталогом и товарами на главной) чтобы было все одним салатовым цветом.2)Где в коде можно поменять фон кнопки купить(в хитах продаж на главной), подсветку оранжевую этой кнопки,цвет стрелочки?

[support 2.0]

arver (17 Декабрь 2012 - 17:19) писал:

Здравствуйте,помогите со следующим:как объединить еще два блока(первый за слайдером и второй-маленькая полосочка между каталогом и товарами на главной) чтобы было все одним салатовым цветом.2)Где в коде можно поменять фон кнопки купить(в хитах продаж на главной), подсветку оранжевую этой кнопки,цвет стрелочки?

чтобы поставить вертикальную полоску у меня нужного цвета, нужно заменить файл (Сайт -> редактор тем) content-page-br.gif
Если Вы хотите полностью ее убрать, зайдите в раздел main.css и найдите блок

.content_page {
  background: url(/web/upload/assets/images/156/155762/content-page-br.gif) no-repeat 710px 68px;
  overflow:hidden; 
  padding-bottom: 2em;
}

и полностью удалите его.

чтобы убрать горизонтальную белую полочку, зайдите в main.css и найдите и удалите блок

#cpages {
background: url(/web/upload/assets/images/156/155762/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 100 px;
}

Чтобы сделать белым фон содержания страницы, тогда зайдите в файл main.css и найдите блок

.content_page {
background: url(/web/upload/assets/images/156/155762/content-page-br.gif) no-repeat 710px 68px;
overflow: hidden;
padding-bottom: 2em;
}

и замените на

.content_page {
overflow: hidden;
padding-bottom: 2em;
background: white;
}

2. цвет кнопки по умолчанию

.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
  background: url("/web/upload/assets/images/156/155762/read_more.jpg") no-repeat left top;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: inline-block;
}[/font][/color][/font]
[font='comic sans ms', cursive][color=#000000][font=arial,helvetica,sans-serif]

цвет кнопки при наведении

[/font][/color][/font]
[font='comic sans ms', cursive][color=#000000][font=arial,helvetica,sans-serif].more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none;}
.goodsDataCompareButton {
  display: block;
  font-size: 12px;
  text-align:center;
  width: 150px;
}

адрес изображения кнопки

Вы можете сделать в графическом редакторе как Вы бы хотели видеть эту кнопку в обычном режиме и при наведении и мы Вам предоставим код для вставки.

[arver]

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

[arver]

"Вы можете сделать в графическом редакторе как Вы бы хотели видеть эту кнопку в обычном режиме и при наведении и мы Вам предоставим код для вставки."
nagknopka-при нажатии
knopka-без нажатия

http://files.storela...0514/knopka.jpg
http://files.storela...5/nagknopka.jpg

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

• 
• 

[arver]

заранее добавлю,эти кнопки для меню,которое в шапке сайта

[Koderhan]

В файле "main.csstemplate",
Найти код:

  #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{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(http://files.storeland.ru/web/upload/sitefiles/5/421/420514/knopka.jpg) no-repeat right top;
  }
  #mainmenu li a:hover {
  background: url(http://files.storeland.ru/web/upload/sitefiles/5/421/420515/nagknopka.jpg) repeat-x center bottom;
  }

[arver]

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

[arver]

А возможно подогнать под размеры кнопок уже изображенные на шапке кнопки? p.s. у клавиш почему то отображение не совсем корректное,клавиши(черные) отображаются только справа,а слева нет...(

[Koderhan]

Это не совсем правильный подход. Прописывать названия меню в фоне.Лучше всего изменить фон на белый например а затем подогнать под этот фон кнопки.

[arver]

Изменил фон как вы попросили,а проблема с подогнать размеры и некорректного отображения осталась=))

[Koderhan]

arver (11 Февраль 2013 - 11:07) писал:

Изменил фон как вы попросили,а проблема с подогнать размеры и некорректного отображения осталась=))

Я имел ввиду совсем белый фон без разделителя.
Если даже удасться подогнать под такой фон меню то будет трудно что либо изменять в таком меню.
Например если вам понадобится новый пункт. Вы не сможете просто так его добавить.
Вы должны знать, что надписи на изображениях не индексируются поисковыми системами.
Ну вот попытался подогнать ваше меню под фон.
В файле "main.csstemplate".
Найти код:

.containerin {width: 940px; margin: 0px auto; }

Заменить:

.containerin {width: 1070px; margin: 0px auto; }

Найти код:

   #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;
  display: block;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: none;
  background: url(http://files.storeland.ru/web/upload/sitefiles/5/421/420514/knopka.jpg) no-repeat right top;
  }

Заменить:

	#mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;
  display: block;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: none;
  width: 167px;
}

Найти код:

  #mainmenu li a:hover {
  background: url(http://files.storeland.ru/web/upload/sitefiles/5/421/420515/nagknopka.jpg) repeat-x center bottom;
  }

Заменить:

  #mainmenu li a:hover {
  }

[arver]

Сделал полностью белую полоску для клавиш,как бы подогнать и сделать корректное отображение при нажатии теперь(при нажатии ранее слева черная клавиша не отображалась)

[Koderhan]

arver (11 Февраль 2013 - 11:55) писал:

Сделал полностью белую полоску для клавиш,как бы подогнать и сделать корректное отображение при нажатии теперь(при нажатии ранее слева черная клавиша не отображалась)

В файле "main.csstemplate".
Найти код:

		  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;
  display: block;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: none;
  width: 167px;
}

Заменить:

		  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: black;
  display: block;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: none;
  width: 160px;
}

Найти код:

  #mainmenu li a:hover {
  }

Заменить:

#mainmenu li a:hover {
  background: url(http://files.storela...5/nagknopka.jpg) repeat-x center bottom;
  }

Найти код:

.containerin {width: 1070px; margin: 0px auto; }

Заменить:

.containerin {width: 1030px; margin: 0px auto; }

[arver]

изменил,вот-что получилось=( ...http://arver-shop.storeland.ru/

[arver]

перепробовал все варианты,отображается очень криво все((

[arver]

немного подогнал,правда все равно еще не то

[Koderhan]

так будет отображаться. Так как ко всем пунктам меню применяется одно и то же изображение.
Которое будет повторяться если, и поэтому возникает не корректное отображение.
А еще на фоне есть вертикальные полоски...
Можно увеличить картинку "knopka.jpg". Или лучше сделать у него монотонный фон.

[arver]

Спасибо за помощь,думаю в данный кнопки подогнаны идеально*