Как Сделать "подвал"?
#1
Отправлено 10 Ноябрь 2013 - 13:22
На нашем ИМ хотим сделать "подвал" и перенести туда следующие элементы:
- Инф-ю о компании ( ИНН ОГРН и тд)
- Формы оплаты
- Несколько текстовых ссылок.
Подскажите варианты реализации, заранее благодарен!)
#2
Отправлено 10 Ноябрь 2013 - 15:07
В разделе Html пропиши в самом низу.
<!-- Подвал сайта --> Тут можешь вставить любой код <!-- END Подвал сайта --> </div> {COPYRIGHT_FOR_DESIGN_LIGHT} </body> </html>
#3
Отправлено 10 Ноябрь 2013 - 15:23
#5
Отправлено 10 Ноябрь 2013 - 19:59
#6
Отправлено 10 Ноябрь 2013 - 20:08
(Рекбес) (10 Ноябрь 2013 - 19:59) писал:
<table align="center" border="2" cellpadding="1" cellspacing="1" style="width: 500px;"> <caption>[color=#333333][font=Verdana, Arial, Helvetica, sans-serif][size=2]{menu.footer}[/size][/font][/color]</caption> <thead> <tr> <th scope="col">Текст</th> <th scope="col">Текст</th> <th scope="col">Текст</th> <th scope="col">Текст</th> </tr> </thead> <tbody> </tbody> </table> <span style="line-height: 1.4em;"></span>Таблица в 1 ряд и 4 столбика.
{menu.footer} - Это нижнее меню.
Не понял зачем там таблица? И какие картинки вставить в нее? Формы оплаты?
вот бы реализовать так как я накидал)
#7
Отправлено 10 Ноябрь 2013 - 20:25
<center><table align="center" border="2" cellpadding="2" cellspacing="1" style="width: 500px;"> <caption> <div class="alignCenter"> {% FOR menu %} {% FOR footer %} {% FOR links %} <a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a> {% IF menu.footer.links.rindex>1%}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </div></caption> <thead> <tr> <th scope="col">Текст</th> <th scope="col">Текст</th> <th scope="col">Текст</th> </tr> </thead><tbody></tbody></table> <div class="alignCenter">© {DATE_YEAR} — «{SETTINGS_STORE_NAME}» {SETTINGS_STORE_REGION}</div> <div class="alignCenter">{SETTINGS_STORE_ORG_NAME}</div> <div class="alignCenter">{SETTINGS_STORE_HTML_CODE}</div></center>
#8
Отправлено 10 Ноябрь 2013 - 20:32
<a href="ссылка на переход,если нужно с картинки" target="_self"><img alt="" src="ссылка на картинку" style="width: 140px; height: 75px;" /></a>И вот этот код вставляй в тот код,который выше,вместо слова "текст".
#9
Отправлено 10 Ноябрь 2013 - 23:40
(Рекбес) (10 Ноябрь 2013 - 20:25) писал:
<center><table align="center" border="2" cellpadding="2" cellspacing="1" style="width: 500px;"> <caption> <div class="alignCenter"> {% FOR menu %} {% FOR footer %} {% FOR links %} <a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a> {% IF menu.footer.links.rindex>1%}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </div></caption> <thead> <tr> <th scope="col">Текст</th> <th scope="col">Текст</th> <th scope="col">Текст</th> </tr> </thead><tbody></tbody></table> <div class="alignCenter">© {DATE_YEAR} — «{SETTINGS_STORE_NAME}» {SETTINGS_STORE_REGION}</div> <div class="alignCenter">{SETTINGS_STORE_ORG_NAME}</div> <div class="alignCenter">{SETTINGS_STORE_HTML_CODE}</div></center>
спасибо но это не то(
#10
Отправлено 11 Ноябрь 2013 - 09:44
#11
Отправлено 11 Ноябрь 2013 - 09:48
skipperok13 (10 Ноябрь 2013 - 23:40) писал:
Подобная тема рассматривалась здесь - http://forum.storela...c/10295-подвал/
Можно попробовать переделать немного шаблон.
Найдите код в шаблоне HTML -
</div> <div class="clear"></div> </body> </html>и перед ним добавьте -
<!--foot--> <div id="footerBottom"> <div class="span44 payment-sistems hidden-phone" style="float:left;width:30%;"> <table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div> {% FOR menu %} {% FOR footer %} <div class="menu_main" style="float:right;width:70%;"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <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="span44 hidden-phone" style="width:100%;"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div> </div> <!--foot-->
В конец main.css добавьте -
#footerBottom{margin:0 auto;width:980px;text-align:center;background:#fff;height:195px;} #footerBottom .menu_main li { display: block; text-align: left; width: auto; margin: 0; display: inline !important; line-height: 1.2; float: left !important; padding: 10px !important; }
#12
Отправлено 11 Ноябрь 2013 - 12:02
miyako (11 Ноябрь 2013 - 09:48) писал:
Можно попробовать переделать немного шаблон.
Найдите код в шаблоне HTML -
</div> <div class="clear"></div> </body> </html>и перед ним добавьте -
<!--foot--> <div id="footerBottom"> <div class="span44 payment-sistems hidden-phone" style="float:left;width:30%;"> <table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div> {% FOR menu %} {% FOR footer %} <div class="menu_main" style="float:right;width:70%;"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <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="span44 hidden-phone" style="width:100%;"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div> </div> <!--foot-->
В конец main.css добавьте -
#footerBottom{margin:0 auto;width:980px;text-align:center;background:#fff;height:195px;} .menu_main li { display: block; text-align: left; width: auto; margin: 0; display: inline !important; line-height: 1.2; float: left !important; padding: 10px !important; }
Получилось, но не то сайт
Каталог в левом меню развалился)))
1. Хотелось бы вставить туда изображения платежных систем как у меня в сообщении выше и сделать их не активными.
2. Текст "ТЕМА" 2013 вылез за пределы подвала вниз.
#13
Отправлено 11 Ноябрь 2013 - 12:07
skipperok13 (11 Ноябрь 2013 - 12:02) писал:
Каталог в левом меню развалился)))
1. Хотелось бы вставить туда изображения платежных систем как у меня в сообщении выше и сделать их не активными.
2. Текст "ТЕМА" 2013 вылез за пределы подвала вниз.
Вы убрали изменения. Поэтому точно не могу сказать правильно ли Вы вставили код.
1) можно изменить системы оплаты после установки подвала, заменой кода.
2) Опять же могу точно сказать почему у Вас так отображается.
Попробуйте еще раз воспользоваться инструкцией и сделать результирующий скриншот.
#14
Отправлено 11 Ноябрь 2013 - 12:21
miyako (11 Ноябрь 2013 - 12:07) писал:
1) можно изменить системы оплаты после установки подвала, заменой кода.
2) Опять же могу точно сказать почему у Вас так отображается.
Попробуйте еще раз воспользоваться инструкцией и сделать результирующий скриншот.
Изменения в силе!
Вот скрин:
#15
Отправлено 11 Ноябрь 2013 - 12:41
#16
Отправлено 11 Ноябрь 2013 - 14:22
skipperok13 (11 Ноябрь 2013 - 12:41) писал:
Вы некорректно вставили код в шаблон HTML
Найдите код -
</div> <div class="clear"></div> </body> </html> <!--foot--> <div id="footerBottom"> <div class="span44 payment-sistems hidden-phone" style="float:left;width:30%;"> <table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div> {% FOR menu %} {% FOR footer %} <div class="menu_main" style="float:right;width:70%;"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <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="span44 hidden-phone" style="width:100%;"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div> </div> <!--foot-->
и замените на -
<!--foot--> <div id="footerBottom"> <div class="span44 payment-sistems hidden-phone" style="float:left;width:30%;"> <table width="228"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div> {% FOR menu %} {% FOR footer %} <div class="menu_main" style="float:right;width:70%;"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <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="span44 hidden-phone" style="width:100%;"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div> </div> <!--foot--> </div> <div class="clear"></div> </body> </html>
#18
Отправлено 11 Ноябрь 2013 - 22:33
#20
Отправлено 11 Ноябрь 2013 - 23:57
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных