Публикации
Не определился
balansinet (07 Апрель 2014 - 07:03) писал:
Здравствуйте, есть вопросы которые хочется решить. b20608.storeland.ru
1.Как в шапке сайта сделать контакты, время работы магазина
2.Верхнее меню растянуть по границам сайта и сделать каждый пункт меню как отдельный блок (кнопку) желательно с округлыми краями (на подобии как в подвале сайта)
3.Добавить под слайдер активные картинки (переход на другие страницы) 3-4 шт
4.Переместить контакты в подвале ближе к меню подвала
5.Информацию о магазине разместить рядом с контактами или чуть ниже
6.Убрать нижнюю полосу
7.Как регулировать ширину
8.Как изменить фон сайта, поставить изображение.
1.Как в шапке сайта сделать контакты, время работы магазина
2.Верхнее меню растянуть по границам сайта и сделать каждый пункт меню как отдельный блок (кнопку) желательно с округлыми краями (на подобии как в подвале сайта)
3.Добавить под слайдер активные картинки (переход на другие страницы) 3-4 шт
4.Переместить контакты в подвале ближе к меню подвала
5.Информацию о магазине разместить рядом с контактами или чуть ниже
6.Убрать нижнюю полосу
7.Как регулировать ширину
8.Как изменить фон сайта, поставить изображение.
Давайте делать поэтапно.
1) Вам нужно найти в шаблоне HTML код:
<div id="header-logo">
<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
{SETTINGS_STORE_NAME}
</a>
</div>
и после него вставить:
<div class="contact"><h4>Контакты</h4>
<div class="block_content">
<!-- Контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div class="contacts">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
{% ENDIF %}
<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}
<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}
</div>
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}
<!-- Контакт Skype -->
{% IF SETTINGS_STORE_SKYPE %}
<a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
{% ENDIF %}
<!-- Номер ICQ на сайте -->
{% IF SETTINGS_STORE_ICQ %}
<div class="clear"></div>
<div class="icq-number left">
<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
<span>{SETTINGS_STORE_ICQ}</span>
</div>
{% ENDIF %}
</div>
{% ENDIF %}
</div>
</div>
далее в шаблон style.css добавьте:
.contact {
margin-left:10px;
float:left;
}
2) Меню растянуть отдельно не получится. Только если растягивать вместе с шапкой.
3) Для начала загрузите нужные изображения в раздел Сайт -Редактор шаблонов. Далее Вам нужно в шаблоне HTML найти строки:
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>
</ul>
</div>
и после них добавить:
<div class="images"><a href="Ссылка1"><img src="{ASSETS_IMAGES_PATH}image1.jpg"></a><a href="Ссылка2"><img src="{ASSETS_IMAGES_PATH}image2.jpg"></a><a href="Ссылка3"><img src="{ASSETS_IMAGES_PATH}image3.jpg"></a></div>
где image1.jpg image2.jpg и image3.jpg - имена загруженных изображений.
Ссылка1 Ссылка2 ссылка3 - ссылка на нужные страницы.
После этого в шаблон style.css добавляем:
.images img {
max-width: 300px;
margin: 5px;
}
