Подвал
#1
Отправлено 14 Ноябрь 2014 - 21:39
#2
Отправлено 15 Ноябрь 2014 - 04:08
#3
Отправлено 15 Ноябрь 2014 - 08:47
Vaccina (15 Ноябрь 2014 - 04:08) писал:
#4
Отправлено 17 Ноябрь 2014 - 22:53
#5
Отправлено 18 Ноябрь 2014 - 05:02
<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"> © <span class="dateYear">2013-2014</span> «<span class="settingsStoreName">Интернет-магазин нижнего белья и аксессуаров. Доставка по всей России, оплата при получении</span> »<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}&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">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»</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
Отправлено 18 Ноябрь 2014 - 13:22
Vaccina (18 Ноябрь 2014 - 05:02) писал:
<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"> © <span class="dateYear">2013-2014</span> «<span class="settingsStoreName">Интернет-магазин нижнего белья и аксессуаров. Доставка по всей России, оплата при получении</span> »<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}&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">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»</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
Отправлено 18 Ноябрь 2014 - 14:46
vadim777 (18 Ноябрь 2014 - 13:22) писал:
Чтобы вам подключить шрифт сделайте следующее:
Загрузить скаченный вами файл шрифтов через Редактор шаблонов -> Добавить файлы .
#8
Отправлено 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
Отправлено 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>Все ссылки из примера замените на свои.
<!-- Специальный шрифт --> <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
Отправлено 19 Ноябрь 2014 - 04:33
В шаблоне 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
Отправлено 21 Ноябрь 2014 - 00:37
Vaccina (19 Ноябрь 2014 - 04:33) писал:
В шаблоне 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 меняем на имя вашего домена
и посмотрите мой код верный:
<!-- Специальный шрифт -->
<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>
#13
Отправлено 21 Ноябрь 2014 - 13:16
vadim777 (21 Ноябрь 2014 - 13:12) писал:
#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
Отправлено 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; }
#15
Отправлено 21 Ноябрь 2014 - 13:32
vadim777 (21 Ноябрь 2014 - 13:19) писал:
#footer .sidebar .widget { margin-bottom: 30px; display: block; margin: 0 5% 80px; float: left; width: 270px; }в параметре margin: 0 5% 80px; отрегулируйте значение 5% до нужного.
#16
Отправлено 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% до нужного.
+ в мобильной версии с цветом в подвале проблема, сначала идет серым, как должно быть, а потом переходит в темно синий, как исправить
#17
Отправлено 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; }
#19
Отправлено 22 Ноябрь 2014 - 03:29
Необходимы все перечисленные в css, т.е.
- fontawesome-webfont.woff
- fontawesome-webfont.svg
Также нет необходимости встраивать его в шаблон HTML, он у вас имеется в font-awesome.css
#20
Отправлено 22 Ноябрь 2014 - 14:43
Vaccina (22 Ноябрь 2014 - 03:29) писал:
Необходимы все перечисленные в css, т.е.
- fontawesome-webfont.woff
- fontawesome-webfont.svg
Также нет необходимости встраивать его в шаблон HTML, он у вас имеется в font-awesome.css
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных