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


Оформление Сайта

Автор МирДуДу, 10 нояб. 2014 20:58

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

#121 alex81

alex81

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

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

Отправлено 07 Май 2015 - 18:06

Просмотр сообщенияFirefly (07 Май 2015 - 17:58) писал:

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
							 <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						 <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							 </div>
						 {% ENDIF %}
						 <!--END Время работы магазина -->

Найдите код:
<!-- Первый контактный телефон -->
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}																																		
								 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme"></span></span>
								 <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>
								 </div>
								 {% ENDIF %}
						 <!--END Первый контактный телефон -->

Замените на:
<!-- Первый контактный телефон -->
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}																																		
								 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme"></span></span>
								 <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>
						 <!-- Время работы магазина -->
						 {% IF SETTINGS_STORE_WORK_TIME %}
							 <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						 <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							 </div>
						 {% ENDIF %}
						 <!--END Время работы магазина -->
								 </div>
								 {% ENDIF %}
						 <!--END Первый контактный телефон -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.ficq,.fwork-time{color: #666;}

Замените на:
.ficq {color: #666;}
.fwork-time{color: #FFF;}
Время работы переместилос в шапку, как и задумывал.

#122 Firefly

Firefly

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

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

Отправлено 07 Май 2015 - 18:34

Просмотр сообщенияalex81 (07 Май 2015 - 18:06) писал:

Время работы переместилос в шапку, как и задумывал.

4. В шаблоне HTML найдите код:
<div class="cols col-4 pad10 must100">

Замените на:
<div class="cols col-4 pad10 must100" style="display:none;">

5. В main.css найдите код:
.prod_hold{display:inline-block;border:1px solid #ff7e93;margin:15px 10px 0 15px;position:relative;}

Замените на:
.prod_hold{display:inline-block;border:1px solid #ff7e93;margin:15px 10px 0 15px;position:relative;background-color: rgba(255, 255, 255, 0.4);}
Цвет фона 255, 255, 255(белый), последняя цифра 0.4 символизирует собой альфа-канал и задает прозрачность элементу, где ноль это полная прозрачность элемента (можно задать от 0.0 до 1.0).

#123 alex81

alex81

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

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

Отправлено 07 Май 2015 - 19:22

Просмотр сообщенияFirefly (07 Май 2015 - 18:34) писал:

4. В шаблоне HTML найдите код:
<div class="cols col-4 pad10 must100">

Замените на:
<div class="cols col-4 pad10 must100" style="display:none;">

5. В main.css найдите код:
.prod_hold{display:inline-block;border:1px solid #ff7e93;margin:15px 10px 0 15px;position:relative;}

Замените на:
.prod_hold{display:inline-block;border:1px solid #ff7e93;margin:15px 10px 0 15px;position:relative;background-color: rgba(255, 255, 255, 0.4);}
Цвет фона 255, 255, 255(белый), последняя цифра 0.4 символизирует собой альфа-канал и задает прозрачность элементу, где ноль это полная прозрачность элемента (можно задать от 0.0 до 1.0).
Отлично! Спасибо! Остался 2 пункт - переместить контакты в подвале.

#124 Vaccina

Vaccina

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

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

Отправлено 08 Май 2015 - 02:39

Цитата

2. Переместить Контакты в подвале (рис. 2). Заголовок изменить на "Контакты" и сделать цвет заголовка белым. Скайп отображается как ссылка, нужно чтобы был простой текст как, например, ICQ или телефон.

В шаблоне HTML найдите заголовок "Наши контакты" и замените на необходимый, далее найдите:
{% IF SETTINGS_STORE_SKYPE %}
							   <div class="fskype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
							  {% ENDIF %}
замените на:
{% IF SETTINGS_STORE_SKYPE %}
							   <div class="fskype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></div>
							  {% ENDIF %}

В main.css найдите:
h3.footheader {
  font-size: 25px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
замените на:
h3.footheader {
  color: #fff !important;
  font-size: 25px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
footer .cols.col-4.pad10.must100 {
  float: right;
}

#125 alex81

alex81

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

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

Отправлено 08 Май 2015 - 08:44

Просмотр сообщенияVaccina (08 Май 2015 - 02:39) писал:

В шаблоне HTML найдите заголовок "Наши контакты" и замените на необходимый, далее найдите:
{% IF SETTINGS_STORE_SKYPE %}
							 <div class="fskype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
							 {% ENDIF %}
замените на:
{% IF SETTINGS_STORE_SKYPE %}
							 <div class="fskype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></div>
							 {% ENDIF %}

В main.css найдите:
h3.footheader {
font-size: 25px;
margin: 0 auto;
text-align: center;
width: 100%;
}
замените на:
h3.footheader {
color: #fff !important;
font-size: 25px;
margin: 0 auto;
text-align: center;
width: 100%;
}
footer .cols.col-4.pad10.must100 {
float: right;
}
Здравствуйте
Нужно перенести контакты в самый низ, справа от нижнего меню, как на фото, и поменять цвет шрифта на белый (тел, скайп, icq). Возможно ли сделать на сайте кнопку как в теме "Нефрит", при нажатии которой страница прокручивается в начало?

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

  • 1.jpg

#126 alex81

alex81

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

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

Отправлено 08 Май 2015 - 10:06

С шрифтом разобрался.

#127 Firefly

Firefly

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

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

Отправлено 08 Май 2015 - 10:14

Просмотр сообщенияalex81 (08 Май 2015 - 08:44) писал:

Здравствуйте
Нужно перенести контакты в самый низ, справа от нижнего меню, как на фото, и поменять цвет шрифта на белый (тел, скайп, icq). Возможно ли сделать на сайте кнопку как в теме "Нефрит", при нажатии которой страница прокручивается в начало?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#powered{background:#ff7e93;height: 80px; padding:5px;}

Замените на:
#powered{background:#ff7e93;height: 145px; padding:5px;}

Найдите код:
.footermenu{background:#ff7e93;height: 80px;margin:0 auto;}

Замените на:
.footermenu{background:#ff7e93;height: 145px;margin:0 auto;}

В самом конце main.css добавьте код:
.cols.col-4.pad10.must100 {
  float: right;
  margin-right: 90px;
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<div class="cols col-4 pad10 {% IF news_list_all_empty && news_list_shop_empty && news_list_articles_empty%}must100{%ENDIF%}">
		  <a href="{FEEDBACK_URL}"><h3 class="footheader ftheme-color">Контакты:</h3></a>
			<div class="contactsWrp">						 
			  <div class="footerphone" title="Звоните, мы проконсультируем вас по любым вопросам">
							<!-- Первый контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
							<div class="fph1">
							  <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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								<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>
							</div>
						  {% ENDIF %}
						  <!--END Первый контактный телефон -->
						  <!-- Второй контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							<div class="fph2">
							 
							  <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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								<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>
							</div>
						  {% ENDIF %}
						  <!--END Второй контактный телефон -->
						  <!-- Третий контактный телефон -->					  
						   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							<div class="fph3">
							 
								<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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								 <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>
							</div>
						  {% ENDIF %}
						  <!--END Третий контактный телефон -->
						  <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_SKYPE %}
														   <div class="fskype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="18" height="18" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></div>
														  {% ENDIF %}
						  <!--END Контакт Skype -->
						   <!-- Контакт Skype -->
							  <!--
{% IF SETTINGS_STORE_EMAIL_MAIN %}
														   <div class="fskype"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте">{SETTINGS_STORE_EMAIL_MAIN}</a></div>
														  {% ENDIF %}
-->
						  <!--END Контакт Skype -->
						  <!-- Номер ICQ на сайте -->
							{% IF SETTINGS_STORE_ICQ %}
							  <div class="ficq">
								<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="14" height="14" />
								<span>{SETTINGS_STORE_ICQ}</span>
							  </div>
							{% ENDIF %}
						  <!--END Номер ICQ на сайте -->
			  </div><!--END phone-->		   
			</div><!--END contactsWrp theme-color -->
		</div>

Найдите код:
{% FOR menu %}
			  {% FOR footer %}
<div class="menu_footer">
				  <ul>
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME} </a></li>{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDFOR %}
			{% ENDFOR %}

Замените на:
{% FOR menu %}
			  {% FOR footer %}
<div class="menu_footer">
				  <ul>
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME} </a></li>{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDFOR %}
			{% ENDFOR %}
<div class="cols col-4 pad10 {% IF news_list_all_empty && news_list_shop_empty && news_list_articles_empty%}must100{%ENDIF%}">
		  <a href="{FEEDBACK_URL}"><h3 class="footheader ftheme-color">Контакты:</h3></a>
			<div class="contactsWrp">						 
			  <div class="footerphone" title="Звоните, мы проконсультируем вас по любым вопросам">
							<!-- Первый контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
							<div class="fph1">
							  <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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								<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>
							</div>
						  {% ENDIF %}
						  <!--END Первый контактный телефон -->
						  <!-- Второй контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							<div class="fph2">
							 
							  <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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								<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>
							</div>
						  {% ENDIF %}
						  <!--END Второй контактный телефон -->
						  <!-- Третий контактный телефон -->					  
						   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							<div class="fph3">
							 
								<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="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
								 <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>
							</div>
						  {% ENDIF %}
						  <!--END Третий контактный телефон -->
						  <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_SKYPE %}
														   <div class="fskype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="18" height="18" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></div>
														  {% ENDIF %}
						  <!--END Контакт Skype -->
						   <!-- Контакт Skype -->
							  <!--
{% IF SETTINGS_STORE_EMAIL_MAIN %}
														   <div class="fskype"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте">{SETTINGS_STORE_EMAIL_MAIN}</a></div>
														  {% ENDIF %}
-->
						  <!--END Контакт Skype -->
						  <!-- Номер ICQ на сайте -->
							{% IF SETTINGS_STORE_ICQ %}
							  <div class="ficq">
								<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="14" height="14" />
								<span>{SETTINGS_STORE_ICQ}</span>
							  </div>
							{% ENDIF %}
						  <!--END Номер ICQ на сайте -->
			  </div><!--END phone-->		   
			</div><!--END contactsWrp theme-color -->
		</div>

#128 alex81

alex81

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

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

Отправлено 08 Май 2015 - 13:19

Спасибо огромное! Все получилось. А можно поместить на сайте кнопку как в теме "Нефрит", при нажатии которой страница прокручивается в начало?

#129 Vaccina

Vaccina

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

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

Отправлено 09 Май 2015 - 02:00

Инструкция по реализации:
http://forum.storela...ро/#entry144862
http://forum.storela...ерх/#entry26947
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Хамелеон
  5. → Изменение общей стилистики
  6. Privacy Policy