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


Меню В Подвале


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

#1 PowerTea

PowerTea

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 07 Июль 2013 - 07:36

Шаблон сияние, сайт - powertea.ru Можно ли сделать подвальное меню в таком виде как на картинке?
блок внизу.png

#2 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 07 Июль 2013 - 08:50

Просмотр сообщенияPowerTea (07 Июль 2013 - 07:36) писал:

Шаблон сияние, сайт - powertea.ru Можно ли сделать подвальное меню в таком виде как на картинке?
Прикрепленный файл блок внизу.png

Вам нужно создать в разделе Сайт-Меню блоки меню footer4, footer3, footer2, footer1 и поместить в них пункты меню.
Далее в шаблоне HTML заменить ваш код подвала:
<!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {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>&copy; {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 liss

liss

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

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

Отправлено 31 Август 2013 - 14:31

Здравствуйте сделал все как здесь написано. Получилось. Но хотелось бы немного пот править.
1)Блок 1 Блок 2 и т.д. поднять вверх.
2) Надпись © 2013 Название магазина. ООО «Мой интернет-магазин». Все права защищены.  
Рассположить ниже блогов по середине футера.
Спасибо!
Сайт: http://s964750.storeland.ru/

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 31 Август 2013 - 19:19

В шаблоне HTML найдите блок
<div >
		 <p>&copy; {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>&copy; {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 liss

liss

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

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

Отправлено 01 Сентябрь 2013 - 06:08

Спасибо все получилось! Как теперь сами блоки выравнять по центру?

#6 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 01 Сентябрь 2013 - 08:07

Просмотр сообщенияliss (01 Сентябрь 2013 - 06:08) писал:

Спасибо все получилось! Как теперь сами блоки выравнять по центру?

Добавьте в конец main.css код -
#footer .right {text-align: center;}
#footer .right .block {float:none; display: inline-block;}


#7 Zava

Zava

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

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Сентябрь 2013 - 04:43

Ничего у меня не получилось
Вообще мне кажется что у меня что то с файлом main.css
Потому что как бы я его не менял, никогда ничего не происходит в принципе
аккаунт 230374

#8 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

Отправлено 05 Сентябрь 2013 - 13:32

Просмотр сообщенияZava (05 Сентябрь 2013 - 04:43) писал:

Ничего у меня не получилось
Вообще мне кажется что у меня что то с файлом main.css
Потому что как бы я его не менял, никогда ничего не происходит в принципе
аккаунт 230374
Данные изменения в Вашем файле main.css отсутствуют. Возможно, Вы не сохраняете изменения?

#9 vender12

vender12

    Продвинутый пользователь

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

Отправлено 15 Ноябрь 2013 - 09:39

Добрый день!
Что мне нужно изменить для футера (как в начале темы был вопрос)в main.css: и т.д
магазин sl-8626

#10 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 15 Ноябрь 2013 - 10:05

Просмотр сообщенияvender12 (15 Ноябрь 2013 - 09:39) писал:

Добрый день!
Что мне нужно изменить для футера (как в начале темы был вопрос)в main.css: и т.д
магазин sl-8626
Здравствуйте, у Вас стоит шаблон сияние, воспользуйтесь инструкцией модератора в этой теме http://forum.storela...але/#entry77603

#11 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 08 Апрель 2014 - 19:42

Извиняюсь, что засоряю тему! Как поставить в шаблон радость?
http://o20443.storeland.ru

#12 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 09 Апрель 2014 - 00:05

Просмотр сообщенияD_mix (08 Апрель 2014 - 19:42) писал:

Извиняюсь, что засоряю тему! Как поставить в шаблон радость?
http://o20443.storeland.ru
Не совсем понятно о чем Вы говорите - шаблон радость у Вас уже стоит

#13 vadim777

vadim777

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

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

Отправлено 07 Июнь 2014 - 13:55

Здравствуйте. Установил подвал, при просмотре с ПК ссылки прижаты к верху подвала1.png
на мобильно к низу2.jpg
как сделать чтобы при просмотре с мобильного, было тоже прижато кверху?

#14 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 07 Июнь 2014 - 14:14

Просмотр сообщенияvadim777 (07 Июнь 2014 - 13:55) писал:

Здравствуйте. Установил подвал, при просмотре с ПК ссылки прижаты к верху подвалаПрикрепленный файл 1.png
на мобильно к низуПрикрепленный файл 2.jpg
как сделать чтобы при просмотре с мобильного, было тоже прижато кверху?
Здравствуйте, внесли необходимые изменения на вашем сайте.

#15 vadim777

vadim777

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

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

Отправлено 07 Июнь 2014 - 15:04

Просмотр сообщенияCastiel (07 Июнь 2014 - 14:14) писал:

Здравствуйте, внесли необходимые изменения на вашем сайте.
спасибо. подскажите еще, изменяю картинку футера на вот этуfooter_bg.jpg , но она не до конца получается на сайте111.png

#16 Dars

Dars

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

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

Отправлено 07 Июнь 2014 - 15:07

Просмотр сообщенияvadim777 (07 Июнь 2014 - 15:04) писал:

спасибо. подскажите еще, изменяю картинку футера на вот этуПрикрепленный файл footer_bg.jpg, но она не до конца получается на сайтеПрикрепленный файл 111.png
Найдите в main.css код:
#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 vadim777

vadim777

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

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

Отправлено 07 Июнь 2014 - 15:11

Просмотр сообщенияDars (07 Июнь 2014 - 15:07) писал:

Найдите в main.css код:
#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;
}
спасибо. и последнее, как изменять цвет блоков в подвале?111.png

#18 Dars

Dars

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

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

Отправлено 07 Июнь 2014 - 15:14

Просмотр сообщенияvadim777 (07 Июнь 2014 - 15:11) писал:

спасибо. и последнее, как изменять цвет блоков в подвале?Прикрепленный файл 111.png
В main.css найдите код:
#footer .right .block {float:none; display: inline-block;}
и замените его на:
#footer .right .block {float:none; display: inline-block; color:white;}
где вместо white укажите нужный вам цвет.

#19 vadim777

vadim777

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

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

Отправлено 07 Июнь 2014 - 15:21

Просмотр сообщенияDars (07 Июнь 2014 - 15:14) писал:

В main.css найдите код:
#footer .right .block {float:none; display: inline-block;}
и замените его на:
#footer .right .block {float:none; display: inline-block; color:white;}
где вместо white укажите нужный вам цвет.
спасибо огромное.

#20 vadim777

vadim777

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

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

Отправлено 07 Июнь 2014 - 20:04

Просмотр сообщенияCastiel (07 Июнь 2014 - 14:14) писал:

Здравствуйте, внесли необходимые изменения на вашем сайте.
опять эта же проблема, поправьте пожалуйста.




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

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