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


Оформление.


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

#101 Taisia

Taisia

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

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

Отправлено 30 Май 2013 - 12:21

для того что бы при наведении кнопка "искать" менялась необходимо немного подкорректировать код

для начала сделайте бэкап вашего сайта

затем вам в графическом редакторе надо сделать две картинки для вашей кнопки "Искать"
первая - с цветом кнопки которая будет видна в стандартном неактивном режиме
вторая - с цветом который будет отображаться при наведении как вы хотите

писать текст "Искать" на них не надо

затем вместо кода

.search input.button {
	 background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -682px -10px transparent;
	 float: left;
	 height: 30px;
	 width: 59px;
}
.search input.button:hover {
	 background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -749px -10px transparent;
}

вставьте код

.search .button {
	 background: url("тут вставьте ссылку на картинку для стандартного отображения") no-repeat scroll -4px 4px transparent;
	 float: left;
	 height: 30px;
	 width: 59px;
}
.search .button:hover {
	 background: url("тут вставьте ссылку на картинку которая будет отображаться при наведении") no-repeat scroll -4px 4px transparent;
}

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

spacer2.gif

тогда ссылку вставляете одинаковую но надо будет менять параметры no-repeat scroll -4px 4px

#102 Dr.Nemo

Dr.Nemo

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

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

Отправлено 30 Май 2013 - 17:32

сделал по первому сценарию, но что-то ничего не произошло!

#103 Сake

Сake

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

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

Отправлено 31 Май 2013 - 00:39

У вас не задан путь к изображению. В main.css вместо "тут вставьте ссылку на картинку для стандартного отображения" должен быть задан путь к изображению.

#104 Stasya

Stasya

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

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

Отправлено 31 Май 2013 - 11:23

В файле main.css найдите блок
.search .button {background: url("http://malyshland.ru/admin/site_templates") no-repeat scroll -4px 4px transparent;
		 float: left;
		 height: 30px;
		 width: 59px;
}
.search .button:hover {
		 background: url("http://malyshland.ru/admin/site_templates") no-repeat scroll -4px 4px transparent;
}
и замените его на
.search .button {background: url("{ASSETS_IMAGES_PATH}active.jpg") no-repeat scroll -4px 4px transparent;
		 float: left;
		 height: 30px;
		 width: 59px;
}
.search .button:hover {
		 background: url("{ASSETS_IMAGES_PATH}nonactive.jpg") no-repeat scroll -4px 4px transparent;
}


#105 Dr.Nemo

Dr.Nemo

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

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

Отправлено 31 Май 2013 - 15:15

Ок. Всё получилось, но слово Искать осталось, как его можно убрать?

#106 Stasya

Stasya

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

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

Отправлено 31 Май 2013 - 15:49

В шаблоне HTML найдите строку
<button type="submit" title="Искать" class="button"><span><span>Искать</span></span></button>
и замените ее на
<button type="submit" title="Искать" class="button"></button>


#107 dv-coins

dv-coins

    Пользователь

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

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

Здравствуйте. Помогите мне с такой проблемой. На сайте, на странице оформления заказа - где список возможных видов оплат. Кода я настраиваю свой вид оплаты - у меня описание вместе с названием на 3 стадии оформления,  к примеру яндекс-деньги (там фрейм), просто пролистывается  на 4 стадию и оплата не производится. Возможно ли сделать так что описание вида оплаты было после нажатия - оформить заказ.

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

  • Безымянный.jpg


#108 miyako

miyako

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

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

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

Просмотр сообщенияdv-coins (02 Июнь 2013 - 07:08) писал:

Здравствуйте. Помогите мне с такой проблемой. На сайте, на странице оформления заказа - где список возможных видов оплат. Кода я настраиваю свой вид оплаты - у меня описание вместе с названием на 3 стадии оформления,  к примеру яндекс-деньги (там фрейм), просто пролистывается  на 4 стадию и оплата не производится. Возможно ли сделать так что описание вида оплаты было после нажатия - оформить заказ.

Не совсем понятно что вы хотите сделать? При какой оплате у вас не получается оформить заказ?

#109 dv-coins

dv-coins

    Пользователь

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

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

Когда покупатель нажимает купить и начинает вводить данные. На 3 шаге у него выбор оплаты. А у меня в админке я добавила свои способы оплаты - яндекс деньги, а у них окно фрейма - там надо ввести общую сумму покупку. Покупатель нажимает на 4 шаг - оформление заказа, а окна фрейма нет.

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

  • Безымянный1.jpg
  • Безымянный2.jpg
  • Безымянный3.jpg


#110 miyako

miyako

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

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

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

Просмотр сообщенияdv-coins (02 Июнь 2013 - 12:06) писал:

Когда покупатель нажимает купить и начинает вводить данные. На 3 шаге у него выбор оплаты. А у меня в админке я добавила свои способы оплаты - яндекс деньги, а у них окно фрейма - там надо ввести общую сумму покупку. Покупатель нажимает на 4 шаг - оформление заказа, а окна фрейма нет.

Можно поставить блок с iframe на 4 шаг, а описании Просто написать Яндекс деньги

#111 dv-coins

dv-coins

    Пользователь

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

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

Так я и не знаю как поставить на 4 шаг этот блок

и чтоб бы он высвечивался только тогда, когда выбирают яндекс-деньги

#112 miyako

miyako

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

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

Отправлено 03 Июнь 2013 - 10:58

Просмотр сообщенияdv-coins (03 Июнь 2013 - 02:00) писал:

Так я и не знаю как поставить на 4 шаг этот блок

и чтоб бы он высвечивался только тогда, когда выбирают яндекс-деньги

Вам поможет тема - http://forum.storela...ы-яндексденьги/

#113 Dr.Nemo

Dr.Nemo

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

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

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

Есть вопрос относительно банера. В приложении примерное расположение (выделено красным) и его название http://www.babababies.com/.

Цель состоит в том, чтобы сделать банер, который бы менялся, как этого можно достичь и что для этого Вам нужно?



Заранее спасибо за оперативность в ответе

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

  • проблема.jpg


#114 Taisia

Taisia

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

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

Отправлено 18 Июнь 2013 - 19:40

уточните пожалуйста, у всех картинок баннера будет одна и та же  ссылка ?

в этом случае вы можете воспользоваться gif анимацией

#115 Dr.Nemo

Dr.Nemo

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

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

Отправлено 18 Июнь 2013 - 23:19

да, одна и та же ссылка!

Как подготовить gif анимацию?

#116 Vaccina

Vaccina

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

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

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

Вы можете создать gif анимацию из обычных изображений используя специализированный софт. Например используя Microsoft GIF Animator или любую другую программу. После создания gif анимации вы получите изображение, далее вам необходимо данное изображение загрузить в разделе редактора тем, и вставить ссылку на данное изображение вместо вашего изображения в шаблоне "HTML" левой колонки.

#117 Dr.Nemo

Dr.Nemo

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

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

Отправлено 21 Июнь 2013 - 14:59

Здравствуйте, есть проблема.

Один блок смещен вниз. Необходимо установить его после блока Игрушки.


См. картинку

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

  • проблема.jpg


#118 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияDr.Nemo (21 Июнь 2013 - 14:59) писал:

Здравствуйте, есть проблема.

Один блок смещен вниз. Необходимо установить его после блока Игрушки.


См. картинку
Здравствуйте. В файле main.css найдите код
#panelsite { width:100%; height:45px; clear:both;}
измените его так:
#panelsite { width:105%; height:45px; clear:both;}
Смещение произошло, потому что кнопки меню стали занимать большее пространство, чем для них отведено. Изменяя код таким образом, мы увеличиваем это пространство.

#119 Dr.Nemo

Dr.Nemo

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

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

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

ничего не произошло!

ой, всё , теперь отлично!

Спасибо!

Второй вопрос связан с тем, чтобы убрать вот это.


См. картинку.


Спасибо

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

  • проблема.jpg


#120 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияDr.Nemo (21 Июнь 2013 - 15:25) писал:

ничего не произошло!

ой, всё , теперь отлично!

Спасибо!

Второй вопрос связан с тем, чтобы убрать вот это.


См. картинку.


Спасибо
В файле html удалите код
<div style="position: absolute; top: 160px; right: 80px;">
<a href="Ссылка на вашу страницу">
	 <img src="Ссылка на ваше gif изображение" alt="" />
</a>
</div>





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

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