Меню В Подвале
#1
Отправлено 07 Июль 2013 - 07:36
#2
Отправлено 07 Июль 2013 - 08:50
PowerTea (07 Июль 2013 - 07:36) писал:
блок внизу.png
Вам нужно создать в разделе Сайт-Меню блоки меню footer4, footer3, footer2, footer1 и поместить в них пункты меню.
Далее в шаблоне HTML заменить ваш код подвала:
<!-- Подвал сайта --> <div id="footer"> <div class="left"> <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><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></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div> <div class="clr"></div> <div>{SETTINGS_STORE_HTML_CODE}</div> </div>на такой:
<!-- Подвал сайта --> <div id="footer"> <div class="left"> <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p> </div> <div class="right"> <div class="block"> <div class="title">Блок 1</div> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><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></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="block"> <div class="title">Блок 2</div> <ul> {% FOR menu %} {% FOR footer2 %} {% FOR links %}<li {% IF menu.footer2.links.last %}class="last"{% ENDIF %}><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="block"> <div class="title">Блок 3</div> <ul> {% FOR menu %} {% FOR footer3 %} {% FOR links %}<li {% IF menu.footer3links.last %}class="last"{% ENDIF %}><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="block"> <div class="title">Блок 4</div> <ul> {% FOR menu %} {% FOR footer4 %} {% FOR links %}<li {% IF menu.footer4.links.last %}class="last"{% ENDIF %}><a href="{menu.footer4.links.URL}" {% IF menu.footer4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer4.links.TITLE %}title="{menu.footer4.links.TITLE}"{% ENDIF %}>{menu.footer4.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="clr"></div> <div>{SETTINGS_STORE_HTML_CODE}</div> </div>
Далее найдите код в main.css:
.left { display: inline; float: left; position: relative; }и замените на:
.left { float: left; width: 300px; height: 170px; overflow: hidden; margin: 0 10px; }
Код:
.right { display: inline; float: right; position: relative; text-align: right; }замените на:
.right { float: right; width: 640px; height: 170px; overflow: hidden; }И добавьте в конец файла main.css код:
.right .block { float: left; width: 150px; height: 170px; overflow: hidden; margin-right: 10px; line-height: 29px; }
#3
Отправлено 31 Август 2013 - 14:31
1)Блок 1 Блок 2 и т.д. поднять вверх.
2) Надпись © 2013 Название магазина. ООО «Мой интернет-магазин». Все права защищены.
Рассположить ниже блогов по середине футера.
Спасибо!
Сайт: http://s964750.storeland.ru/
#4
Отправлено 31 Август 2013 - 19:19
<div > <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p> </div>удалите его. Теперь найдите блок
{% FOR menu %} {% FOR footer4 %} {% FOR links %}<li {% IF menu.footer4.links.last %}class="last"{% ENDIF %}><a href="{menu.footer4.links.URL}" {% IF menu.footer4.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer4.links.TITLE %}title="{menu.footer4.links.TITLE}"{% ENDIF %}>{menu.footer4.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div>
и после него вставьте блок
<div style="text-align:center;" > <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p> </div>. Теперь в файле style.css найдите блок
.right { float: right; width: 640px; height: 170px; overflow: hidden; }и замените его на
.right { width: 940px; height: 170px; overflow: hidden; }
#5
Отправлено 01 Сентябрь 2013 - 06:08
#7
Отправлено 05 Сентябрь 2013 - 04:43
Вообще мне кажется что у меня что то с файлом main.css
Потому что как бы я его не менял, никогда ничего не происходит в принципе
аккаунт 230374
#8
Отправлено 05 Сентябрь 2013 - 13:32
Zava (05 Сентябрь 2013 - 04:43) писал:
Вообще мне кажется что у меня что то с файлом main.css
Потому что как бы я его не менял, никогда ничего не происходит в принципе
аккаунт 230374
#9
Отправлено 15 Ноябрь 2013 - 09:39
Что мне нужно изменить для футера (как в начале темы был вопрос)в main.css: и т.д
магазин sl-8626
#10
Отправлено 15 Ноябрь 2013 - 10:05
vender12 (15 Ноябрь 2013 - 09:39) писал:
Что мне нужно изменить для футера (как в начале темы был вопрос)в main.css: и т.д
магазин sl-8626
#11
Отправлено 08 Апрель 2014 - 19:42
#12
#14
#16
Отправлено 07 Июнь 2014 - 15:07
vadim777 (07 Июнь 2014 - 15:04) писал:
#footer { background: url(http://design.calvinstore.ru/footer_bg.jpg) no-repeat center top; padding: 10px; margin: 0px auto; width: 940px; height: 60px; }и замените его на:
#footer { background: url(http://design.calvinstore.ru/footer_bg.jpg) no-repeat center top; padding: 10px; margin: 0px auto; width: 940px; height: 150px; }
#17
Отправлено 07 Июнь 2014 - 15:11
Dars (07 Июнь 2014 - 15:07) писал:
#footer { background: url(http://design.calvinstore.ru/footer_bg.jpg) no-repeat center top; padding: 10px; margin: 0px auto; width: 940px; height: 60px; }и замените его на:
#footer { background: url(http://design.calvinstore.ru/footer_bg.jpg) no-repeat center top; padding: 10px; margin: 0px auto; width: 940px; height: 150px; }
#18
Отправлено 07 Июнь 2014 - 15:14
vadim777 (07 Июнь 2014 - 15:11) писал:
#footer .right .block {float:none; display: inline-block;}и замените его на:
#footer .right .block {float:none; display: inline-block; color:white;}где вместо white укажите нужный вам цвет.
#19
Отправлено 07 Июнь 2014 - 15:21
Dars (07 Июнь 2014 - 15:14) писал:
#footer .right .block {float:none; display: inline-block;}и замените его на:
#footer .right .block {float:none; display: inline-block; color:white;}где вместо white укажите нужный вам цвет.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных