Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменение Рзмера Поля "контакты" Внизу Страницы

Автор Sportfit, 03 марта 2014 11:19

Авторизуйтесь для ответа в теме

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

#1 Sportfit

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

Пользователи
25 сообщений

Отправлено 03 Март 2014 - 11:19

Как изменить (уменьшить, убрав пустое место ниже собственно контактов) размер поля контакты внизу страницы?
Можно ли расположить "время работы", "телефон", "скайп" горизонтально в линию, а не вертикально?

Наверх

#2 empty9228

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

Модератоpы
618 сообщений

Отправлено 04 Март 2014 - 08:34

Здравствуйте, сделайте пожалуйста скриншот с указаниями что вам нужно переместить и куда.

Наверх

#3 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 04 Март 2014 - 08:58

Sportfit (03 Март 2014 - 11:19) писал:

Как изменить (уменьшить, убрав пустое место ниже собственно контактов) размер поля контакты внизу страницы?
Можно ли расположить "время работы", "телефон", "скайп" горизонтально в линию, а не вертикально?

Редактируем шаблон HTML
Находим

	 <div class="one_fourth last column">
		 <h4 style="border: 0;">Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>

Заменяем на

	 <div class="two_fourth">
		 <h4>Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>

Редактируем main.css
Находим

.footer_time, .footer_phone, .footer_icq, .footer_skype {display:block;clear:both;padding:15px 0 14px 45px;margin:0;border-bottom:1px solid #e1e1e1;font-size:12px;}

Заменяем на

.footer_time, .footer_address, .footer_phone, .footer_fax, .footer_icq, .footer_skype {clear:both;padding: 15px 32px 10px 40px;margin:0;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;font-size:12px;}

Добавляем в main.css

.two_fourth {width: 100%;height:80px;margin-bottom:20px;}

Наверх

#4 Sportfit

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

Пользователи
25 сообщений

Отправлено 04 Март 2014 - 09:04

Спасибо. Все получилось.

Наверх

#5 bot

Продвинутый пользователь

Пользователи
142 сообщений

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

Возможно ли такое осуществить?

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

Наверх

#6 MikDark

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

Модераторы
6 468 сообщений

Отправлено 15 Март 2014 - 15:43

Yasin (15 Март 2014 - 15:31) писал:

Возможно ли такое осуществить?

Можно, скажите ваш SL номер аккаунта

Наверх

#7 bot

Продвинутый пользователь

Пользователи
142 сообщений

Отправлено 15 Март 2014 - 16:59

MikDark (15 Март 2014 - 15:43) писал:

Можно, скажите ваш SL номер аккаунта

SL-278481

Наверх

#8 MikDark

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

Модераторы
6 468 сообщений

Отправлено 15 Март 2014 - 17:22

Yasin (15 Март 2014 - 16:59) писал:

SL-278481

Зайдите в шаблон HTML, найдите код

<div id="powered">
	  <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
	  <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	  <div class="inner">Все права защищены</div>
	  <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	  <div class="inner">{SETTINGS_STORE_HTML_CODE}</div> 
	</div>

и замените на

<div id="powered"> 
	  <div class="inner"><div class-"inner01">{SETTINGS_STORE_ORG_NAME} Все права защищены</div><div class-"inner02">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div></div>
</div>

Далее в main.css добавляем:

.inner01 {
text-align: left;
float: left;
}
.inner02 {
float:right;
}

Наверх

#9 bot

Продвинутый пользователь

Пользователи
142 сообщений

Отправлено 16 Март 2014 - 00:22

MikDark (15 Март 2014 - 17:22) писал:

Зайдите в шаблон HTML, найдите код

<div id="powered">
	 <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
	 <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
	 <div class="inner">Все права защищены</div>
	 <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING} {SETTINGS_STORE_REGION}</div>
	 <div class="inner">{SETTINGS_STORE_HTML_CODE}</div>
</div>

и замените на

<div id="powered">
	 <div class="inner"><div class-"inner01">{SETTINGS_STORE_ORG_NAME} Все права защищены</div><div class-"inner02">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div></div>
</div>

Далее в main.css добавляем:

.inner01 {
text-align: left;
float: left;
}
.inner02 {
float:right;
}

спасибо) все получилось)

Наверх

#10 xotena

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

Пользователи
36 сообщений

ГородМосква

Отправлено 24 Март 2014 - 09:19

Здравствуйте!
Я убрала внизу страницы контакты, но не получается уменьшить ширину этого поля. Как это сделать?
https://www.dropbox..../Безымянный.png

Наверх

#11 empty9228

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

Модератоpы
618 сообщений

Отправлено 24 Март 2014 - 09:29

Здравствуйте.
найдите код

#footer .inner {padding: 20px;border-bottom:0px solid #e1e1e1;color:#666666;background:none !important;}

замените его на

#footer .inner {padding: 20px 0px 0px 0px;border-bottom:0px solid #e1e1e1;color:#666666;background:none !important;}

найдите код

#footer {clear: both;margin-top: 30px;min-height: 100px;padding:0 0 30px 0;border-top:4px solid #333333;background-color:#f0f0f0;}

замените его на

#footer {clear: both;margin-top: 30px;min-height: 100px;padding: 0 0 0px 0;border-top:4px solid #333333;background-color:#f0f0f0;}

Наверх

#12 xotena

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

Пользователи
36 сообщений

ГородМосква

Отправлено 24 Март 2014 - 10:09

Нижнее поле сделалось поменьше, а еще убрать пустое место можно или нет?

Наверх

#13 empty9228

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

Модератоpы
618 сообщений

Отправлено 24 Март 2014 - 10:16

вот так вот(скрин)

найдите

#footer {clear: both;margin-top: 21px;min-height: 100px;padding: 0 0 0px 0;border-top:4px solid #333333;background-color:#f0f0f0;}

замените на

#footer {clear: both;margin-top: 21px;min-height: 61px;padding: 0 0 0px 0;border-top:4px solid #333333;background-color:#f0f0f0;}

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

Наверх

#14 xotena

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

Пользователи
36 сообщений

ГородМосква

Отправлено 24 Март 2014 - 23:33

Спасибо, но как не изменяла параметр, ширина оставалась неизменной. Пусть остается такой, какая получилась.

Наверх

#15 empty9228

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

Модератоpы
618 сообщений

Отправлено 25 Март 2014 - 08:40

Посмотрите, мы сделали соответствующие изменения, если захотите отредактировать эту ширину как то иначе, вам нужно будет найти в main.css класс

#footer .inner {padding: 15px 0px 0px 0px;border-bottom:0px solid #e1e1e1;color:#666666;background:none !important;}

и отредактировать в нем первое значение в padding: 15px 0px 0px 0px;

Наверх

Обратно в Изменение общей стилистики

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

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

Изменение Рзмера Поля "контакты" Внизу Страницы

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

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

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

Войти

Google поиск