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


Подвал


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

#1 vadim777

vadim777

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

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

Отправлено 14 Ноябрь 2014 - 21:39

здравствуйте, возможно ли сделать подвал как в шаблоне "нефрит"?

#2 Vaccina

Vaccina

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

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

Отправлено 15 Ноябрь 2014 - 04:08

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

#3 vadim777

vadim777

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

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

Отправлено 15 Ноябрь 2014 - 08:47

Просмотр сообщенияVaccina (15 Ноябрь 2014 - 04:08) писал:

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

#4 vadim777

vadim777

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

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

Отправлено 17 Ноябрь 2014 - 22:53

так что возможно сделать???

#5 Vaccina

Vaccina

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

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

Отправлено 18 Ноябрь 2014 - 05:02

В шаблоне HTML найдите:
<footer class="footer">
						<div class="footerCenter">
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header1 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header1.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header1.links.URL}" {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header1 %}
																																 {% ENDFOR menu %}
																								 </nav>
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header2 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header2.links.URL}" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header2 %}
																																 {% ENDFOR menu %}
																								 </nav>
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header3 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header3.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header3.links.URL}" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header3 %}
																																 {% ENDFOR menu %}
																								 </nav>
<div class="vidj">
<a href="http://vk.com/sait_ru" target="_blank"><img src="http://sait.ru/8/1177/872/vkontakte.png" alt="" /></a>
<a href="http://instagram.com/sait" target="_blank"><img src="http://sait.ru/8/1177/886/Instagram.png" alt="" /></a>
<a href="http://www.youtube.com/channel/UCIm2a4czMKdSg9ySxUUJL4Q" target="_blank"><img src="http://sait.ru/7/1306/760/youtube.png" alt="" /></a>
								<div class="settingsStore">
&copy; <span class="dateYear">2013-2014</span> &laquo;<span class="settingsStoreName">Интернет-магазин нижнего белья и аксессуаров. Доставка по всей России, оплата при получении</span>
														&raquo;<span itemprop="name" class="settingsStoreOrgName">{SETTINGS_STORE_ORG_NAME}</span><br />
														<span itemprop="location" class="settingsStoreRegion">{SETTINGS_STORE_REGION}</span>
										{SETTINGS_STORE_HTML_CODE}
</div> 
								</div>
						</div>
				</footer>
замените на:
<!-- Подвал -->
	<div id="footer" class="footer-container">
	  <div class="footer-top sidebar">
		<div>
		  <div class="row">
			<!-- Контакты и Социальные кнопки -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget social">
			  <div class="footer-header">
				<h3 class="title">Контакты</h3>
			  </div>
			  <ul class="footer-contact">
				{% IF SETTINGS_STORE_WORK_TIME %}<li><span class="icon-time"></span><span title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span></li>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li><span class="icon-envelope-o"></span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_SKYPE %}<li><span class="icon-skype"></span><span><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span></li>{% ENDIF %}
				{% IF SETTINGS_STORE_ICQ %}<li><span class="footer_icq"><img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" /> {SETTINGS_STORE_ICQ}</span></li>{% ENDIF %}		   
			  </ul>
			  <p>Мы в Соц. Сетях</p>
				<a class="sbtnf sbtnf-rounded color color-hover icon-twitter" href="#"></a>
				<a class="sbtnf sbtnf-circle color color-hover icon-facebook" href="#"></a>
				<a class="sbtnf sbtnf-circle color color-hover icon-vk" href="#"></a>
				<a class="sbtnf sbtnf-rounded color color-hover icon-youtube" href="#"></a>
			</div>
			<!-- END Контакты и Социальные кнопки -->
			<!-- Обратный звнок -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget callback">
			  <div class="footer-header">
				<h3 class="title">Обратный звонок</h3>
			  </div>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" />
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				<div>
				  <input class="form-control callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/>
				</div>
				<div>
				  <input class="form-control callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/>
				</div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
			  </form>
			</div>
			<!-- END Обратный звнок -->
	  <!-- Меню в подвале -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget links">
			  <div class="footer-header">
				<h3 class="title">Меню</h3>
			  </div>
			  <div class="nav">
				<ul>
				{% FOR menu %}
				  {% FOR footer %}
					{% 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 %}
				  {% ENDFOR %}
				{% ENDFOR %}
				</ul>
			  </div>
			</div>
			<!-- END Меню в подвале -->
			<!-- Новости -->
			<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			  <div class="footer-header">
				<a href="{NEWS_ALL_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  {% FOR news_list_all %}
			  {% IF news_list_all.index > 5 %}{break}{% ENDIF %}
				<ul>
				  <li>
					<a href="{news_list_all.URL}">{news_list_all.TITLE}</a>
					<span class="text-italic">{news_list_all.TIME | date("d.m.Y")}</span>
				  </li>
				</ul>
			  {% ENDFOR %}			  
			</div>
			{% ENDIF %}
			<!--  END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			<div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			  <div class="footer-header">
				<a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
			  </div>
			  <ul>
			  {% FOR news_list_shop %}
				{% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
				  <li>
					<a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
					<span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
				  </li>
			  {% ENDFOR %}
			  </ul>
			</div>
			{% ENDIF %}
			<!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			<!-- END Новости -->
		  </div>
		</div>
	  </div><!-- Верхняя часть подвала -->
	  <div class="footer-bottom">
		<div>
		  <div class="row">
			<!-- Информация из раздела Настройки -->
			<div class="col-xs-12 col-sm-6 col-md-3 copyright">
			  <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
			  <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
			  <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING}<br>{SETTINGS_STORE_REGION}</div>
			</div>
			<!-- Код для вывода на всех страницах магазина -->
			{% IF SETTINGS_STORE_HTML_CODE %}
			<div class="col-xs-12 col-sm-6 col-md-3 sshc">
			  <div class="counter-block">{SETTINGS_STORE_HTML_CODE}</div>
			</div>
			{% ENDIF %}
			<!-- Виджет сообщества Вконтакте http://vk.com/dev/Community -->
			<div class="col-xs-12 col-sm-6 col-md-3 vk-group">
			  <!--noindex-->
			  <!--/noindex-->
			</div>
			<!-- Виджет сообщества Одноклассники http://apiok.ru/wiki/pages/viewpage.action?pageId=42476655 -->
			<div class="col-xs-12 col-sm-6 col-md-3 ok-group">
			  <!--noindex-->
			  <!--/noindex-->
			</div>
		  </div>
		</div>
	  </div><!-- Нижняя часть подвала -->
	</div>
	<!-- END Подвал -->

далее в main.css добавьте вместо:
.footer {
	position: relative;
	height: auto;
	background-color: #2C3E50;
	color: white;
}
.footerBot .news .column .newCont li a {
	color: #BDC3C7;
}
.footerBot .news .column .newCont li a:hover {
	color: #1abc9c;
}
.footerBot .news .column .newCont li a.selected {
	color: #16a085;
	font-weight: bold;
}

вставьте:
/******************************************************************************
Footer Подвал
*******************************************************************************/
#footer {color: #7f7f7f;margin: 0;overflow-x: hidden;}
#footer .widget p {margin: 0 0 16px;color: #7f7f7f;}
#footer .footer-top {background: #f2f2f2;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}
#footer .sidebar .widget:nth-child(4n+1) {clear: left;}
#footer .sidebar .widget {margin-bottom: 30px;display: block;margin: 0 5% 80px;float:left;}
#footer .sidebar .widget .footer-header {border-bottom: 1px solid #e1e1e1;margin: 0 0 15px;padding: 0 0 12px;position: relative;}
#footer .sidebar .widget .footer-header:before {display: none;}
#footer .sidebar .widget .footer-header .title {color: #1e1e1e;font-size: 16px;font-weight: normal;line-height: 1.3;text-transform: uppercase;margin:0;}
#footer .footer-contact [class^="icon-"] {padding-right:10px;font-size:16px;vertical-align: text-bottom;}
#footer .footer-contact .footer_icq img {margin-right:5px;width:16px;height:16px;vertical-align: text-bottom;}
#footer .sidebar .widget ol, #footer .sidebar .widget ul {list-style: none;margin-left: 0;padding-left: 0;}
#footer .sidebar .links li {line-height: 21px;}
#footer .sidebar .links a {color: #7f7f7f;text-decoration: none;-webkit-transition: color .2s linear;transition: color .2s linear;}
#footer .sidebar .links a:hover {color: #000;-webkit-transition: color .2s linear;transition: color .2s linear;}
#footer .footer-bottom {background: #f7f7f7;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;padding: 21px 0 20px;}
#footer .phone, #footer .address {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 34px;position: relative;}
#footer .footer-icon {color: #c6c6c6;left: 16px;position: absolute;top: 0;}
#footer .footer-icon:before {font-size: 20px;line-height: 18px;width: auto;}
#back-top .up {background: #c6c6c6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: right;height: 40px;text-align: center;width: 40px;-webkit-transition: all .2s linear;transition: all .2s linear;position:fixed;bottom:60px;right:50px;}
#back-top .up:hover {background: #00c59c;-webkit-transition: all .2s linear;transition: all .2s linear;}
#back-top .up .icon-arrow-up2 {font-size: 18px;color: #fff;margin: 10px 0 0 -0.5px;vertical-align: top;display: inline-block;position: relative;}
#footer .sidebar .callback .submit {background: #00c59c;color: #fff;height: 38px;outline: none;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;box-shadow: none;text-shadow: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;filter: none;-webkit-transition: background .2s linear, color .2s linear;transition: background .2s linear, color .2s linear;}
#footer .sidebar .callback .submit:hover {background-color: rgba(0,197,156,.8);}
#footer .sidebar .callback form {margin: 5px 0 0;position: relative;}
#footer .widget.links-news span {float: right;font-size: 90%;}
#footer .widget.links-news ul li {padding:3px 0;display: inline-block;width: 100%;}
#footer .callbackForm div {margin-bottom:10px;}
#footer .callbackForm .form-control {margin-bottom:0;}
@media all and (max-width: 767px) {
#footer {margin-top: 0;}
#footer .sidebar {margin-top: 0;}
#footer .footer-top {padding-bottom: 0;}
#footer .footer-top .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .copyright {padding: 17px 0;text-align: center;}
#footer .phone,
#footer .address {float: left;margin-bottom: 29px;width: 48%;}
#footer .phone .title {display: block;}
#footer .address {float: right;}
}
.form-control {
display:block !important;
width:100%;
min-height:20px;
height:40px !important;
padding: 8px 12px !important;
font-size: 12px;
color:#555 !important;
background-color:#fff;
background-image:none;
margin-bottom: 22px;
border: 1px solid #e1e1e1 !important;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width:200px;
}

и далее остается подключить иконки http://fortawesome.g...o/Font-Awesome/ скачиваем и подключаем как шрифт

#6 vadim777

vadim777

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

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

Отправлено 18 Ноябрь 2014 - 13:22

Просмотр сообщенияVaccina (18 Ноябрь 2014 - 05:02) писал:

В шаблоне HTML найдите:
<footer class="footer">
					 <div class="footerCenter">
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header1 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header1.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header1.links.URL}" {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header1 %}
																																 {% ENDFOR menu %}
																								 </nav>
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header2 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header2.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header2.links.URL}" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header2 %}
																																 {% ENDFOR menu %}
																								 </nav>
<nav class="footerMenu">
																																 {% FOR menu %}
																																								 {% FOR header3 %}
																																																 <ul id="megamenu_bottom">
																																																								 {% FOR links %}
																																																																 <li {% IF menu.header3.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.header3.links.URL}" {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
																																																								 {% ENDFOR links %}
																																																 </ul>
																																								 {% ENDFOR header3 %}
																																 {% ENDFOR menu %}
																								 </nav>
<div class="vidj">
<a href="http://vk.com/sait_ru" target="_blank"><img src="http://sait.ru/8/1177/872/vkontakte.png" alt="" /></a>
<a href="http://instagram.com/sait" target="_blank"><img src="http://sait.ru/8/1177/886/Instagram.png" alt="" /></a>
<a href="http://www.youtube.com/channel/UCIm2a4czMKdSg9ySxUUJL4Q" target="_blank"><img src="http://sait.ru/7/1306/760/youtube.png" alt="" /></a>
							 <div class="settingsStore">
&copy; <span class="dateYear">2013-2014</span> &laquo;<span class="settingsStoreName">Интернет-магазин нижнего белья и аксессуаров. Доставка по всей России, оплата при получении</span>
													 &raquo;<span itemprop="name" class="settingsStoreOrgName">{SETTINGS_STORE_ORG_NAME}</span><br />
													 <span itemprop="location" class="settingsStoreRegion">{SETTINGS_STORE_REGION}</span>
									 {SETTINGS_STORE_HTML_CODE}
</div>
							 </div>
					 </div>
			 </footer>
замените на:
<!-- Подвал -->
<div id="footer" class="footer-container">
	 <div class="footer-top sidebar">
	 <div>
		 <div class="row">
		 <!-- Контакты и Социальные кнопки -->
		 <div class="col-xs-12 col-sm-6 col-md-3 widget social">
			 <div class="footer-header">
			 <h3 class="title">Контакты</h3>
			 </div>
			 <ul class="footer-contact">
			 {% IF SETTINGS_STORE_WORK_TIME %}<li><span class="icon-time"></span><span title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li><span class="icon-envelope-o"></span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li><span class="icon-skype"></span><span><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_ICQ %}<li><span class="footer_icq"><img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" title="Статус ICQ" /> {SETTINGS_STORE_ICQ}</span></li>{% ENDIF %}		
			 </ul>
			 <p>Мы в Соц. Сетях</p>
			 <a class="sbtnf sbtnf-rounded color color-hover icon-twitter" href="#"></a>
			 <a class="sbtnf sbtnf-circle color color-hover icon-facebook" href="#"></a>
			 <a class="sbtnf sbtnf-circle color color-hover icon-vk" href="#"></a>
			 <a class="sbtnf sbtnf-rounded color color-hover icon-youtube" href="#"></a>
		 </div>
		 <!-- END Контакты и Социальные кнопки -->
		 <!-- Обратный звнок -->
		 <div class="col-xs-12 col-sm-6 col-md-3 widget callback">
			 <div class="footer-header">
			 <h3 class="title">Обратный звонок</h3>
			 </div>
			 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input class="callbackredirect" type="hidden" name="return_to" />
			 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			 {ANTISPAM_CODE}
			 <div>
				 <input class="form-control callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/>
			 </div>
			 <div>
				 <input class="form-control callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/>
			 </div>
			 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
			 </form>
		 </div>
		 <!-- END Обратный звнок -->
	 <!-- Меню в подвале -->
		 <div class="col-xs-12 col-sm-6 col-md-3 widget links">
			 <div class="footer-header">
			 <h3 class="title">Меню</h3>
			 </div>
			 <div class="nav">
			 <ul>
			 {% FOR menu %}
				 {% FOR footer %}
				 {% 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 %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 <!-- END Меню в подвале -->
		 <!-- Новости -->
		 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
		 <div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			 <div class="footer-header">
			 <a href="{NEWS_ALL_URL}"><h3 class="title">Новости</h3></a>
			 </div>
			 {% FOR news_list_all %}
			 {% IF news_list_all.index > 5 %}{break}{% ENDIF %}
			 <ul>
				 <li>
				 <a href="{news_list_all.URL}">{news_list_all.TITLE}</a>
				 <span class="text-italic">{news_list_all.TIME | date("d.m.Y")}</span>
				 </li>
			 </ul>
			 {% ENDFOR %}			
		 </div>
		 {% ENDIF %}
		 <!-- END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
		 <div class="col-xs-12 col-sm-6 col-md-3 widget links-news">
			 <div class="footer-header">
			 <a href="{NEWS_SHOP_URL}"><h3 class="title">Новости</h3></a>
			 </div>
			 <ul>
			 {% FOR news_list_shop %}
			 {% IF news_list_shop.index > 5 %}{break}{% ENDIF %}
				 <li>
				 <a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a>
				 <span class="text-italic">{news_list_shop.TIME | date("d.m.Y")}</span>
				 </li>
			 {% ENDFOR %}
			 </ul>
		 </div>
		 {% ENDIF %}
		 <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		 <!-- END Новости -->
		 </div>
	 </div>
	 </div><!-- Верхняя часть подвала -->
	 <div class="footer-bottom">
	 <div>
		 <div class="row">
		 <!-- Информация из раздела Настройки -->
		 <div class="col-xs-12 col-sm-6 col-md-3 copyright">
			 <div class="inner">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
			 <div class="inner">{SETTINGS_STORE_ORG_NAME}</div>
			 <div class="inner">{COPYRIGHT_FOR_DESIGN_SPRING}<br>{SETTINGS_STORE_REGION}</div>
		 </div>
		 <!-- Код для вывода на всех страницах магазина -->
		 {% IF SETTINGS_STORE_HTML_CODE %}
		 <div class="col-xs-12 col-sm-6 col-md-3 sshc">
			 <div class="counter-block">{SETTINGS_STORE_HTML_CODE}</div>
		 </div>
		 {% ENDIF %}
		 <!-- Виджет сообщества Вконтакте http://vk.com/dev/Community -->
		 <div class="col-xs-12 col-sm-6 col-md-3 vk-group">
			 <!--noindex-->
			 <!--/noindex-->
		 </div>
		 <!-- Виджет сообщества Одноклассники http://apiok.ru/wiki/pages/viewpage.action?pageId=42476655 -->
		 <div class="col-xs-12 col-sm-6 col-md-3 ok-group">
			 <!--noindex-->
			 <!--/noindex-->
		 </div>
		 </div>
	 </div>
	 </div><!-- Нижняя часть подвала -->
</div>
<!-- END Подвал -->

далее в main.css добавьте вместо:
.footer {
position: relative;
height: auto;
background-color: #2C3E50;
color: white;
}
.footerBot .news .column .newCont li a {
color: #BDC3C7;
}
.footerBot .news .column .newCont li a:hover {
color: #1abc9c;
}
.footerBot .news .column .newCont li a.selected {
color: #16a085;
font-weight: bold;
}

вставьте:
/******************************************************************************
Footer Подвал
*******************************************************************************/
#footer {color: #7f7f7f;margin: 0;overflow-x: hidden;}
#footer .widget p {margin: 0 0 16px;color: #7f7f7f;}
#footer .footer-top {background: #f2f2f2;font-size: 12px;line-height: 21px;padding: 50px 0 13px;}
#footer .sidebar .widget:nth-child(4n+1) {clear: left;}
#footer .sidebar .widget {margin-bottom: 30px;display: block;margin: 0 5% 80px;float:left;}
#footer .sidebar .widget .footer-header {border-bottom: 1px solid #e1e1e1;margin: 0 0 15px;padding: 0 0 12px;position: relative;}
#footer .sidebar .widget .footer-header:before {display: none;}
#footer .sidebar .widget .footer-header .title {color: #1e1e1e;font-size: 16px;font-weight: normal;line-height: 1.3;text-transform: uppercase;margin:0;}
#footer .footer-contact [class^="icon-"] {padding-right:10px;font-size:16px;vertical-align: text-bottom;}
#footer .footer-contact .footer_icq img {margin-right:5px;width:16px;height:16px;vertical-align: text-bottom;}
#footer .sidebar .widget ol, #footer .sidebar .widget ul {list-style: none;margin-left: 0;padding-left: 0;}
#footer .sidebar .links li {line-height: 21px;}
#footer .sidebar .links a {color: #7f7f7f;text-decoration: none;-webkit-transition: color .2s linear;transition: color .2s linear;}
#footer .sidebar .links a:hover {color: #000;-webkit-transition: color .2s linear;transition: color .2s linear;}
#footer .footer-bottom {background: #f7f7f7;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;padding: 21px 0 20px;}
#footer .phone, #footer .address {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 34px;position: relative;}
#footer .footer-icon {color: #c6c6c6;left: 16px;position: absolute;top: 0;}
#footer .footer-icon:before {font-size: 20px;line-height: 18px;width: auto;}
#back-top .up {background: #c6c6c6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: right;height: 40px;text-align: center;width: 40px;-webkit-transition: all .2s linear;transition: all .2s linear;position:fixed;bottom:60px;right:50px;}
#back-top .up:hover {background: #00c59c;-webkit-transition: all .2s linear;transition: all .2s linear;}
#back-top .up .icon-arrow-up2 {font-size: 18px;color: #fff;margin: 10px 0 0 -0.5px;vertical-align: top;display: inline-block;position: relative;}
#footer .sidebar .callback .submit {background: #00c59c;color: #fff;height: 38px;outline: none;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;box-shadow: none;text-shadow: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;filter: none;-webkit-transition: background .2s linear, color .2s linear;transition: background .2s linear, color .2s linear;}
#footer .sidebar .callback .submit:hover {background-color: rgba(0,197,156,.8);}
#footer .sidebar .callback form {margin: 5px 0 0;position: relative;}
#footer .widget.links-news span {float: right;font-size: 90%;}
#footer .widget.links-news ul li {padding:3px 0;display: inline-block;width: 100%;}
#footer .callbackForm div {margin-bottom:10px;}
#footer .callbackForm .form-control {margin-bottom:0;}
@media all and (max-width: 767px) {
#footer {margin-top: 0;}
#footer .sidebar {margin-top: 0;}
#footer .footer-top {padding-bottom: 0;}
#footer .footer-top .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .col-md-3 {margin-bottom: 36px;overflow: hidden;}
#footer .footer-bottom .copyright {padding: 17px 0;text-align: center;}
#footer .phone,
#footer .address {float: left;margin-bottom: 29px;width: 48%;}
#footer .phone .title {display: block;}
#footer .address {float: right;}
}
.form-control {
display:block !important;
width:100%;
min-height:20px;
height:40px !important;
padding: 8px 12px !important;
font-size: 12px;
color:#555 !important;
background-color:#fff;
background-image:none;
margin-bottom: 22px;
border: 1px solid #e1e1e1 !important;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width:200px;
}

и далее остается подключить иконки http://fortawesome.g...o/Font-Awesome/ скачиваем и подключаем как шрифт
что значит подключаем как шрифт? расскажите подробнее что сделать, все изменил и скачал

#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 18 Ноябрь 2014 - 14:46

Просмотр сообщенияvadim777 (18 Ноябрь 2014 - 13:22) писал:

что значит подключаем как шрифт? расскажите подробнее что сделать, все изменил и скачал
Здравствуйте.
Чтобы вам подключить шрифт сделайте следующее:
Загрузить скаченный вами файл шрифтов через Редактор шаблонов -> Добавить файлы .

#8 AnnaM

AnnaM

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

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 18 Ноябрь 2014 - 15:07

Просмотр сообщенияvadim777 (18 Ноябрь 2014 - 13:22) писал:

что значит подключаем как шрифт? расскажите подробнее что сделать, все изменил и скачал
Шрифты вам нужно загрузить в Сайт->Файлы.
Скопировать ссылку на файл и вставить в код прямую ссылку на этот файл. Сам код

<!-- Специальный шрифт -->
			 <style type="text/css" media="screen, print">
			 @font-face {
							 font-family: 'acquest_scriptregular';
							 src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
							 src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot?#iefix') format('embedded-opentype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390546/acquestscript.woff') format('woff'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format('truetype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390544/acquestscript.svg#acquest_scriptregular') format('svg');
							 font-weight: normal;
							 font-style: normal;	
			 }
				
			 p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
</style>
необходимо вставить в шаблон HTML перед тегом
</head>
Все ссылки из примера замените на свои.


#9 vadim777

vadim777

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

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

Отправлено 18 Ноябрь 2014 - 22:16

Просмотр сообщенияAnnaM (18 Ноябрь 2014 - 15:07) писал:

Шрифты вам нужно загрузить в Сайт->Файлы.
Скопировать ссылку на файл и вставить в код прямую ссылку на этот файл. Сам код

<!-- Специальный шрифт -->
			 <style type="text/css" media="screen, print">
			 @font-face {
							 font-family: 'acquest_scriptregular';
							 src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot');
							 src: url('http://kiy54.ru/web/upload/sitefiles/4/391/390543/acquestscript.eot?#iefix') format('embedded-opentype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390546/acquestscript.woff') format('woff'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390545/acquestscript.ttf') format('truetype'),
												 url('http://kiy54.ru/web/upload/sitefiles/4/391/390544/acquestscript.svg#acquest_scriptregular') format('svg');
							 font-weight: normal;
							 font-style: normal;	
			 }
				
			 p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
</style>
необходимо вставить в шаблон HTML перед тегом
</head>
Все ссылки из примера замените на свои.

скачал, там было 4 папки, загрузил 5 файлов из папки fonts, ссылки в коде поменял на свои, но тото в подвале не появилось иконок, посмотрите, может код не так изменил я :
<!-- Специальный шрифт -->
						 <style type="text/css" media="screen, print">
						 @font-face {
														 font-family: 'acquest_scriptregular';
														 src: url('http://st.calvinstore.ru/8/1467/576/FontAwesome.otf');
														 src: url('http://st.calvinstore.ru/8/1467/572/fontawesome-webfont.eot') format('embedded-opentype'),
																								 url('http://st.calvinstore.ru/8/1467/575/fontawesome-webfont.woff') format('woff'),
																								 url('http://st.calvinstore.ru/8/1467/574/fontawesome-webfont.ttf') format('truetype'),
																								 url('http://st.calvinstore.ru/8/1467/573/fontawesome-webfont.svg') format('svg');
														 font-weight: normal;
														 font-style: normal;   
						 }
							   
						 p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
</style>


#10 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2014 - 04:33

Скачиваем шрифты по ссылке что дала выше, так же оттуда нам необходим файл font-awesome.css
В шаблоне HTML подключаем файл то есть перед
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляем:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}font-awesome.css" type="text/css" />

Далее заходим в font-awesome.css и в самом начале вставляем:
@font-face {
	font-family: 'FontAwesome';
	src: url('http://design.sait.ru/fontawesome-webfont.eot');
	src: url('http://design.sait.ru/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		 url('http://design.sait.ru/fontawesome-webfont.woff') format('woff'),
		 url('http://design.sait.ru/fontawesome-webfont.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('http://sait.ru/design/fontawesome-webfont.eot');
	src: url('http://sait.ru/design/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		 url('http://sait.ru/design/fontawesome-webfont.woff') format('woff'),
		 url('http://sait.ru/design/fontawesome-webfont.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

и в добавочном коде все sait.ru меняем на имя вашего домена

#11 vadim777

vadim777

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

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

Отправлено 21 Ноябрь 2014 - 00:37

Просмотр сообщенияVaccina (19 Ноябрь 2014 - 04:33) писал:

Скачиваем шрифты по ссылке что дала выше, так же оттуда нам необходим файл font-awesome.css
В шаблоне HTML подключаем файл то есть перед
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставляем:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}font-awesome.css" type="text/css" />

Далее заходим в font-awesome.css и в самом начале вставляем:
@font-face {
font-family: 'FontAwesome';
src: url('http://design.sait.ru/fontawesome-webfont.eot');
src: url('http://design.sait.ru/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		 url('http://design.sait.ru/fontawesome-webfont.woff') format('woff'),
		 url('http://design.sait.ru/fontawesome-webfont.svg#fontawesome') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url('http://sait.ru/design/fontawesome-webfont.eot');
src: url('http://sait.ru/design/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		 url('http://sait.ru/design/fontawesome-webfont.woff') format('woff'),
		 url('http://sait.ru/design/fontawesome-webfont.svg#fontawesome') format('svg');
font-weight: normal;
font-style: normal;
}

и в добавочном коде все sait.ru меняем на имя вашего домена
все равно ничего не получилось. шрифты я закачал 5 файлов из папки fonts, все верно? просто там всего 4 папки.
и посмотрите мой код верный:
<!-- Специальный шрифт -->
                                                 <style type="text/css" media="screen, print">
                                                 @font-face {
                                                                                                                 font-family: 'acquest_scriptregular';
                                                                                                                 src: url('http://st.calvinstor...FontAwesome.otf');
                                                                                                                 src: url('http://st.calvinstor...ome-webfont.eot') format('embedded-opentype'),
                                                                                                                                                                                                 url('http://st.calvinstor...me-webfont.woff') format('woff'),
                                                                                                                                                                                                 url('http://st.calvinstor...ome-webfont.ttf') format('truetype'),
                                                                                                                                                                                                 url('http://st.calvinstor...ome-webfont.svg') format('svg');
                                                                                                                 font-weight: normal;
                                                                                                                 font-style: normal;  
                                                 }
                                                          
                                                 p { font-family: 'acquest_scriptregular', serif; font-size: 22px/12px; }
</style>

#12 vadim777

vadim777

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

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

Отправлено 21 Ноябрь 2014 - 13:12

еще вопрос: как переместить новости как показано на скрине Снимок экрана 2014-11-21 в 13.13.00.png

#13 Alekseys

Alekseys

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

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

Отправлено 21 Ноябрь 2014 - 13:16

Просмотр сообщенияvadim777 (21 Ноябрь 2014 - 13:12) писал:

еще вопрос: как переместить новости как показано на скрине Прикрепленный файл Снимок экрана 2014-11-21 в 13.13.00.png
Здравствуйте. Замените
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
}
на
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}


#14 vadim777

vadim777

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

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

Отправлено 21 Ноябрь 2014 - 13:19

Просмотр сообщенияAlekseys (21 Ноябрь 2014 - 13:16) писал:

Здравствуйте. Замените
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
}
на
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}
все равно они не там где я указал Снимок экрана 2014-11-21 в 13.22.00.png

#15 Alekseys

Alekseys

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

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

Отправлено 21 Ноябрь 2014 - 13:32

Просмотр сообщенияvadim777 (21 Ноябрь 2014 - 13:19) писал:

все равно они не там где я указал Прикрепленный файл Снимок экрана 2014-11-21 в 13.22.00.png
В блоке
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}
в параметре margin: 0 5% 80px; отрегулируйте значение 5% до нужного.

#16 vadim777

vadim777

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

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

Отправлено 21 Ноябрь 2014 - 13:37

Просмотр сообщенияAlekseys (21 Ноябрь 2014 - 13:32) писал:

В блоке
#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}
в параметре margin: 0 5% 80px; отрегулируйте значение 5% до нужного.
огромное спасибо. а по ветке выше, где я спрашивал по поводу иконок в подвале, иконок вк, времени и т.д. не поможете установить?

+ в мобильной версии с цветом в подвале проблема, сначала идет серым, как должно быть, а потом переходит в темно синий, как исправить Снимок экрана 2014-11-21 в 13.39.43.png

#17 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Ноябрь 2014 - 13:43

Просмотр сообщенияvadim777 (21 Ноябрь 2014 - 13:37) писал:

огромное спасибо. а по ветке выше, где я спрашивал по поводу иконок в подвале, иконок вк, времени и т.д. не поможете установить?

+ в мобильной версии с цветом в подвале проблема, сначала идет серым, как должно быть, а потом переходит в темно синий, как исправить Прикрепленный файл Снимок экрана 2014-11-21 в 13.39.43.png
Здравствуйте.
В шаблоне main.css найдите следующий код:
#footer {
color: #7f7f7f;
margin: 0;
overflow-x: hidden;
}
И замените его этим кодом:
#footer {
color: #7f7f7f;
margin: 0;
overflow-x: hidden;
background: #F5F5F5;
}


#18 vadim777

vadim777

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

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

Отправлено 21 Ноябрь 2014 - 13:50

Просмотр сообщенияRayLi (21 Ноябрь 2014 - 13:43) писал:

спасибо. очень надеюсь на помощь по поводу иконок

#19 Vaccina

Vaccina

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

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

Отправлено 22 Ноябрь 2014 - 03:29

У вас загружен только 1 шрифтовой файл fontawesome-webfont.eot
Необходимы все перечисленные в css, т.е.
- fontawesome-webfont.woff
- fontawesome-webfont.svg

Также нет необходимости встраивать его в шаблон HTML, он у вас имеется в font-awesome.css

#20 vadim777

vadim777

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

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

Отправлено 22 Ноябрь 2014 - 14:43

Просмотр сообщенияVaccina (22 Ноябрь 2014 - 03:29) писал:

У вас загружен только 1 шрифтовой файл fontawesome-webfont.eot
Необходимы все перечисленные в css, т.е.
- fontawesome-webfont.woff
- fontawesome-webfont.svg

Также нет необходимости встраивать его в шаблон HTML, он у вас имеется в font-awesome.css
теперь совсем не понятно. можно пожалуйста еще раз по пунктам, а то тото делать, тото нет, сейчас вроде все файлы загрузил из папки fonts, переделал ссылки на свой домен, но все равно ни чего.




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

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