Как Закрепить Координаты Телефона Корзины Итд
#1
Отправлено 30 Апрель 2013 - 19:26
И сейчас только дошло что наверняка нельзя смотреть на плоды своего творения с одного разрешения экрана(
Вообще не могу понять как закрепить телефон, корзину, поиск, часы работы так что бы они оставались на своем месте(
У меня выглядит так (1 скрин) а при другом разрешении вот так (2 скрин)
2 скрин
Ну и там где текст естественно что бы не гулял) Буду оооочень признателен )
#2
Отправлено 30 Апрель 2013 - 19:46
Shiftea (30 Апрель 2013 - 19:26) писал:
И сейчас только дошло что наверняка нельзя смотреть на плоды своего творения с одного разрешения экрана(
Вообще не могу понять как закрепить телефон, корзину, поиск, часы работы так что бы они оставались на своем месте(
У меня выглядит так (1 скрин) а при другом разрешении вот так (2 скрин)
2 скрин
Ну и там где текст естественно что бы не гулял) Буду оооочень признателен )
#3
Отправлено 30 Апрель 2013 - 20:24
#4
Отправлено 01 Май 2013 - 01:33
body { font-family: Helvetica,Arial,sans-serif; }
и замените на
body { font-family: Helvetica,Arial,sans-serif; min-width: 980px; }
далее добавьте
#header { height: 365px; }
далее найдите
.container { margin: 0 auto -90px; position: relative; width: 961px; }
и замените на
.container { margin: 0 auto -92px; position: relative; width: 982px; }
далее найдите
.containerin { margin: 99px auto; width: 940px; }
и замените на
.containerin { margin: 0 auto; width: 940px; }
далее найдите
#top-menu { height: 40px; overflow: hidden; }
и замените на
#top-menu { height: 40px; margin-top: 100px; margin-left: 0; overflow: hidden; }
далее найдите
.content_page { background: url("http://design.ladoors.ru/content-page-br.gif") no-repeat scroll 710px 88px #FFFFFF; overflow: hidden; padding-bottom: 2em; }
и замените на
.content_page { background: url("http://design.ladoors.ru/content-page-br.gif") no-repeat scroll 710px 88px #FFFFFF; border-radius: 8px 8px 0 0; overflow: hidden; padding-bottom: 2em; }
#5
Отправлено 06 Июнь 2013 - 17:41
#7
Отправлено 06 Июнь 2013 - 18:18
#8
Отправлено 06 Июнь 2013 - 18:56
Valli (06 Июнь 2013 - 17:41) писал:
здравствуйте, хочу телефон и время работы сделать как на этом сайте vileda-store.ru , также размер. Также убрать рамку вокруг корзины, шаблон сияние. Спасибо.
Укажите пожалуйста время работы для удобства работы.
Чтобы убрать рамку вокруг корзины, Вам нужно видоизменить шапку сайта, само изображение в графическом редакторе.
#9
Отправлено 06 Июнь 2013 - 19:04
телефон уже я сделала под поиском
#10
Отправлено 06 Июнь 2013 - 19:13
Valli (06 Июнь 2013 - 19:04) писал:
телефон уже я сделала под поиском
В шаблоне HTML найдите блок:
<!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %}и удалите его, а затем найдите блок:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %}и замените его следующим:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> {% IF SETTINGS_STORE_WORK_TIME %} <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> {%ENDIF%} </tr> {% ENDIF %}
#11
Отправлено 06 Июнь 2013 - 19:38
#12
Отправлено 06 Июнь 2013 - 21:21
и укажите там время работы и если вы все сделали как описано выше, то время работы должно появиться справа от телефона.
#13
Отправлено 06 Июнь 2013 - 21:53
#14
Отправлено 06 Июнь 2013 - 22:13
в бэк-офисе -> сайт -> редактор шабонов, файл main.css найдите блок
.contactInfoContent { height: 100px; width: 180px; vertical-align: middle; }и замените width: 180px; на width: 350px;
а затем замените блок
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> {% IF SETTINGS_STORE_WORK_TIME %} <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> {%ENDIF%} </tr> {% ENDIF %}на следующий:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> {% IF SETTINGS_STORE_WORK_TIME %} <td colspan="2" class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> {%ENDIF%} <td></td> </tr> {% ENDIF %}
#15
Отправлено 06 Июнь 2013 - 22:15
только мне надо их раздвинуть между собой и размер со шрифтом поменять.
#16
Отправлено 06 Июнь 2013 - 22:26
<td colspan="2" class="contentTableHeadMainWorkTime" >и замените ее на
<td colspan="2" class="contentTableHeadMainWorkTime" style="padding-left: 10px;">Затем в файле main.css найдите блок
.contactInfoContent { height: 100px; width: 350px; vertical-align: middle; font-size: 26px; }и замените его на
.contactInfoContent { height: 100px; width: 500px; vertical-align: middle; font: 26px Tahoma, Geneva, sans-serif; }чтобы изменить размер шрифта, увеличивайте значение в строке font: 26px Tahoma, Geneva, sans-serif;, там же можно изменить и сам шрифт.
#17
Отправлено 06 Июнь 2013 - 22:35
#19
Отправлено 06 Июнь 2013 - 22:40
#20
Отправлено 06 Июнь 2013 - 22:46
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных