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


Редактирование Полей Поиск И В Корзине

поиск в корзине шапка

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

#1 Ksenia M

Ksenia M

    Новичок

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

Отправлено 21 Сентябрь 2013 - 17:41

Помогите плз. Акк SL-226614.

1. Поле в шапке "В корзине на 0 рублей" - я сделала в 2 строки, т.к. места мало, и съехало слово "рулей", надо выровнять.
2. Поиск - на картинке я выделила, где сейчас находится подтверждение поиска. Надо перенести его на иконку с лупой.
3. В целом посмотрите плз, верно ли я все сделала в "поиске" и "в корзине", не плывет ли что-то, чего я не вижу.
4. Я так понимаю, что контактная информация - тел. и почта - редактируются вместе в contactInfo. А я бы хотела телефон сделать крупнее, чем почту. Можно так?

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

  • Снимок.JPG


#2 sengun

sengun

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

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

Отправлено 21 Сентябрь 2013 - 20:40

Просмотр сообщенияKsenia M (21 Сентябрь 2013 - 17:41) писал:

Помогите плз. Акк SL-226614.

1. Поле в шапке "В корзине на 0 рублей" - я сделала в 2 строки, т.к. места мало, и съехало слово "рулей", надо выровнять.
2. Поиск - на картинке я выделила, где сейчас находится подтверждение поиска. Надо перенести его на иконку с лупой.
3. В целом посмотрите плз, верно ли я все сделала в "поиске" и "в корзине", не плывет ли что-то, чего я не вижу.
4. Я так понимаю, что контактная информация - тел. и почта - редактируются вместе в contactInfo. А я бы хотела телефон сделать крупнее, чем почту. Можно так?
Здравствуйте. Номер вашего аккаунта SL-228814
1. В шаблоне main.css код
#cartInfo {
position:absolute;
font-size: 12px;
top: 160px;
left: 690px;
white-space:nowrap;
overflow:hidden;
height:33px;
width: 340px;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
padding:5px 0px 5px 45px;
}
замените на
#cartInfo {
position:absolute;
font-size: 12px;
top: 160px;
left: 690px;
white-space:nowrap;
overflow:hidden;
height:33px;
width: 340px;
padding-left: 55px;
}
#cartInfo a {
color:#000;
text-transform: uppercase;
padding:5px 0px 5px 0px;
}
2. В шаблоне HTML код
<input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" />
		 <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />
замените на
<input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignright" name="q" />
		 <input type="image" class="submit alignleft" src="{ASSETS_IMAGES_PATH}search_but.gif" />
И в шаблоне main.css код
#search{
height: 40px;
float: right;
padding-top: 113px;
padding-right: 10px;
width: 245px;
}
на этот
#search{
height: 40px;
float: right;
margin-top: 113px;
margin-right: 10px;
width: 255px;
}
3. Вроде все нормально.
4. Номер телефона можно стилизовать в .contentTableHeadMainPhone. Добавьте в main.css в конец такой код
.contentTableHeadMainPhone {
font-size: 16pt;
}
изменяя значение размера шрифта.

#3 Ksenia M

Ksenia M

    Новичок

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

Отправлено 21 Сентябрь 2013 - 21:03

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





Темы с аналогичным тегами поиск, в корзине, шапка

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

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