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

[marius20081]

Здравствуйте! Помогите пожалуйста решить задачку!

Имеется 3 кнопки: button1.jpg , button2.jpg , button3.jpg
Первая меняется на вторую когда мы на неё наводим, вторая меняется на третью, когда мы по ней нажимаем.
Они используются для добавления товара в корзину, т.е. кнопка "В корзину" и при выставлении счета, т.е. кнопка "Выставить счет"
или "Перейти к Оплате".
Текст "В корзину" хорошо помещается в кнопку, а вот текст "Перейти к оплате" вылазит за её пределы.

Поэтому создано еще 3 кнопки: button4.jpg , button5.jpg , button6.jpg , такие же, только шире.

Вопрос: как сделать так, чтобы кнопка "В корзину" использовала картинки 1,2,3
а кнопка "Перейти к оплате"(или "Выставить счет") использовала картинки 4,5,6?

P.S. собрав все извилины в кучу удается лишь сделать так, чтобы "Выставить счет" стала нормальной, но "В корзину"
тоже начинает использовать картинки 4,5,6 и как-то обрубается.

Ну и заодно скажите пожалуйста где можно редактировать шрифт самих текстов "В корзину", "Выставить счет" и "Перейти к оплате"?

[Vaccina]

Обрубать изображение может по причине что в стилях заданы меньшие размеры чем изображение - это высота и ширина.

Кнопка "В корзину" имеет следующие стили в файле main.css

.more-link, a.read-more, .paymentFormTbodySubmitButton {
	background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/read_more.jpg") no-repeat scroll left top transparent;
	color: #666666;
	display: inline-block;
	font: bold 12px/30px Tahoma,Geneva,sans-serif;
	height: 30px;
	padding-left: 15px;
	text-decoration: none;
	width: 135px;
}

можно попробовать изменить свойства height и width на соответствующие значения изображения.

[marius20081]

Бесполезно. У меня этот блок после редактирования выглядит так:

.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font:italic 18px Georgia, "Times New Roman", Times, serif;
  color: #FFF;
  text-decoration: none;
  background: url("{ASSETS_IMAGES_PATH}button4.jpg") no-repeat;
  height: 33px;
  width: 121px;
padding-top:7px;
  padding-left:21px;
  display: inline-block;  
}
.more-link:hover , a.read-more:hover, .paymentFormTbodySubmitButton:hover {
  background: url("{ASSETS_IMAGES_PATH}button5.jpg") no-repeat; color:#FFF;  text-decoration: none;text-decoration:
} 
.more-link:active , a.read-more:active, .paymentFormTbodySubmitButton:active {
  background: url("{ASSETS_IMAGES_PATH}button6.jpg") no-repeat; color:#FFF;  text-decoration: none;
} 

на кнопку я переназначил картинки 4,5,6 и размер подогнал чтобы текст "Выставить счет" влез.
Но эти же настройки используются для кнопки "В корзину", если я поменяю длину, то "Выставить счет" уже не влезит...

Поэтому нужно сделать так, чтобы код который приведен выше, использовался только для кнопки "Выставить счет" и "Перейти к оплате",
а кнопка В корзину использовала другой код, в котором забиты изображения 1,2,3. Вопрос собственно и состоит в том как правильно написать
новый стиль и привязать его только к кнопке В корзину

[Vaccina]

сообщите Ваш адрес магазина

[marius20081]

Vaccina (01 Декабрь 2011 - 20:08) писал:

сообщите Ваш адрес магазина

http://larinel.ru

[Vaccina]

Вам нужно в файле стилей найти класс

.more-link, a.read-more, .paymentFormTbodySubmitButton {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17157/button4.jpg") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: inline-block;
	font: italic 18px Georgia,"Times New Roman",Times,serif;
	height: 33px;
	padding-left: 21px;
	padding-top: 7px;
	text-decoration: none;
	width: 121px;
}

и увеличить в нем width до 192px.

По сайту видно что дизайн из storelandlab.ru. Если у вас возникают ошибки с заказанным дизайном то обращайтесь туда, так как они обязаны поправить все свои недочеты вам бесплатно.

[marius20081]

Vaccina (02 Декабрь 2011 - 22:41) писал:

Вам нужно в файле стилей найти класс

.more-link, a.read-more, .paymentFormTbodySubmitButton {
	background: url("http://img.storeland.ru/web/upload/assets/images/18/17157/button4.jpg") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: inline-block;
	font: italic 18px Georgia,"Times New Roman",Times,serif;
	height: 33px;
	padding-left: 21px;
	padding-top: 7px;
	text-decoration: none;
	width: 121px;
}

и увеличить в нем width до 192px.

По сайту видно что дизайн из storelandlab.ru. Если у вас возникают ошибки с заказанным дизайном то обращайтесь туда, так как они обязаны поправить все свои недочеты вам бесплатно.

Нет, увеличение width как я уже писал, никакого результата не дало, потому что этот класс используется одновременно для 2-х кнопок, если я ширину уменьшу, то кнопка В корзину станет нормальной, но в Перейти к оплате текст станет вылазить , а если увеличу то Перейти к оплате станет нормальной, в В корзину обрубется...
Не знаю как понятней объяснить...
Ладно..попробую напрячь storelandlab.ru...

[marius20081]

Кому интересно чем закончилась история...

Мне заявили что: наша с вами работа закончена и такие вещи мы исправлять
не должны (тут меня начало слегка потряхивать)но так и быть...в виде большого одолжения...в последний раз...
Это я почти процитировал...в итоге исправили...

Но я в шоке...мне делают одолжение выполняя ту работу, за которую я заплатил...
вернее за исправление своих же косяков, которые я тут на форуме пытаюсь сам решить!!!

Короче, хорошенько, с разбегу, харканули в душу...

[austerlizz]

marius20081 (18 Декабрь 2011 - 23:16) писал:

Кому интересно чем закончилась история...

Мне заявили что: наша с вами работа закончена и такие вещи мы исправлять
не должны (тут меня начало слегка потряхивать)но так и быть...в виде большого одолжения...в последний раз...
Это я почти процитировал...в итоге исправили...

Но я в шоке...мне делают одолжение выполняя ту работу, за которую я заплатил...
вернее за исправление своих же косяков, которые я тут на форуме пытаюсь сам решить!!!

Короче, хорошенько, с разбегу, харканули в душу...

Работы над вашим магазином Эдуард были утверждены и закончены. После чего вы добавили элемент не предусмотренный изначальным дизайном и попросил его доработать, что и было сделано в качестве одолжения.
Мы не оказываем технической поддержки после утверждения и окончания работ за исключением случаев исправления багов пропущенных в ходе тестирования. Дополнительная кнопка таковым багом не является. Последующую тех-поддержку наши клиенты получают на общих основаниях в Storeland.ru

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