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


Изменить Подвал

Подвал сайта

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

#1 Leonid19

Leonid19

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

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

Отправлено 11 Декабрь 2013 - 19:43

Здравствуйте, помогите сделать такой же подвал сайта как на скриншоте:
Безымянный.png
Мой сайт: elephoneshop.ru

#2 sengun

sengun

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

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

Отправлено 11 Декабрь 2013 - 21:58

Просмотр сообщенияLeonid19 (11 Декабрь 2013 - 19:43) писал:

Здравствуйте, помогите сделать такой же подвал сайта как на скриншоте:
Прикрепленный файл Безымянный.png
Мой сайт: elephoneshop.ru
Здравствуйте.
Вы добавили в разделе "Сайт" - "Меню" все меню для футера, поэтому дело осталось за малым.
В шаблоне HTML добавьте после строки
<div class="column full" id="footer">
такой код
	  <div id="footer_menus" class="block">
	  {% FOR menu %}
		  {% FOR footer1 %}
			  <ul>
			  <h4>Заголовок меню 1</h4>
				{% FOR links %}<li {% IF menu.footer1.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer1.links.URL}" {% IF menu.footer1.links.TITLE %}title="{menu.footer1.links.TITLE}"{% ENDIF %}>{menu.footer1.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
		  {% ENDFOR %}
		{% ENDFOR %}
		{% FOR menu %}
		  {% FOR footer2 %}		 
			  <ul>
			  <h4>Заголовок меню 2</h4>
				{% FOR links %}<li {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
		  {% ENDFOR %}
		{% ENDFOR %}
		{% FOR menu %}
		  {% FOR footer3 %}
			  <ul>
			  <h4>Заголовок меню 3</h4>
				{% FOR links %}<li {% IF menu.footer3.links.SELECTED %}class="active"{%ENDIF%}><a href="{menu.footer3.links.URL}" {% IF menu.footer3.links.TITLE %}title="{menu.footer3.links.TITLE}"{% ENDIF %}>{menu.footer3.links.NAME}</a></li>{% ENDFOR %}
			  </ul>
		  {% ENDFOR %}
		{% ENDFOR %}
		</div>
И добавьте в конец style.css такой код
#footer_menus {
	min-width: 50% !important;
}
#footer_menus ul {
	float: left;
	width: 33%;
}
#footer_menus ul li {
  padding: 0;
}
#footer_menus h4 {
  width: 100%;
}


#3 Leonid19

Leonid19

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

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

Отправлено 11 Декабрь 2013 - 22:54

Спасибо Большое! Всё получилось. Можно ли теперь номера телефонов переместить под контакты, и расположить меню равномерно? ещё 1 футер я добавил сам, а переместить не получается.
Безымянный.png

#4 Vaccina

Vaccina

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

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

Отправлено 12 Декабрь 2013 - 03:56

В style.css найдите:
#footer_menus ul {
float: left;
width: 33%;
}
#footer_menus {
min-width: 50% !important;
}
замените на:
#footer_menus ul {
float: left;
width: 25%;
}
#footer_menus {
min-width: 70% !important;
}

Далее в шаблоне HTML найдите:
<h4>Контакты</h4>
замените на:
<h4>Контакты</h4><br/><br/>


#5 Leonid19

Leonid19

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

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

Отправлено 12 Декабрь 2013 - 08:52

Просмотр сообщенияVaccina (12 Декабрь 2013 - 03:56) писал:

В style.css найдите:
#footer_menus ul {
float: left;
width: 33%;
}
#footer_menus {
min-width: 50% !important;
}
замените на:
#footer_menus ul {
float: left;
width: 25%;
}
#footer_menus {
min-width: 70% !important;
}

Далее в шаблоне HTML найдите:
<h4>Контакты</h4>
замените на:
<h4>Контакты</h4><br/><br/>
Всё получилось, огромное спасибо вам!

#6 Flor@@

Flor@@

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

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

Отправлено 21 Декабрь 2013 - 19:28

как поменять подвал, скрин:

Прикрепленные изображения

  • вид сайта 19.jpg


#7 Alexey11

Alexey11

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

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

Отправлено 22 Декабрь 2013 - 07:28

Здравствуйте, могу предложить вам такой вариант: http://f6.s.qip.ru/lRCWJ7OY.png
Для этого нужно:
1. В шаблоне HTML найти данный код
	 
			<table width="100%" class="payment_sistem">
			  <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="Мы принимаем к оплате Яндекс.Деньги" /></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><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" /></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><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			  </tr>
			</table>
		   
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/83830/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=83830&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
		   

далее заменить его на

<!-- <table width="100%" class="payment_sistem">
			  <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="Мы принимаем к оплате Яндекс.Деньги" /></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><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" /></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><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			  </tr>
			</table>
		   
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/83830/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=83830&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
-->

Далее найдите блок кода:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/83830/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=83830&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
-->
		   
		   
	 </div>
	</div>
</div>
  </div>
</div>
<div class="fluid-bg" id="footer-bottom">

и замените его на :
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/83830/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=83830&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
-->
		   
		   
	 </div>
	</div>
<div class="block">
	 <table width="100%" class="payment_sistem">
			  <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="Мы принимаем к оплате Яндекс.Деньги" /></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><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" /></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><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			  </tr>
			</table>
		   
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug"></div>
<a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/83830/reviews"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=83830&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>
</div>
	   
   </div>
  </div>
</div>
<div class="fluid-bg" id="footer-bottom">


#8 Flor@@

Flor@@

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

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

Отправлено 23 Декабрь 2013 - 13:23

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

#9 Alexey11

Alexey11

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

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

Отправлено 23 Декабрь 2013 - 14:00

Чтобы легко можно было вернуть все назат, не делая бэкап. Впринципе можно и удалить тот блок.

#10 Flor@@

Flor@@

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

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

Отправлено 23 Декабрь 2013 - 15:52

аааа поняль... ок...

#11 Flor@@

Flor@@

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

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

Отправлено 24 Декабрь 2013 - 03:39

все сделала, супер пупер, спасибо огромное!!!!!!!!!!

#12 Flor@@

Flor@@

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

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

Отправлено 09 Январь 2014 - 11:37

проверила в другом браузере, выглядит ужасно:

Прикрепленные изображения

  • вид сайта 21.jpg


#13 Vaccina

Vaccina

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

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

Отправлено 10 Январь 2014 - 04:45

В каком браузере возникает данная проблема с отображением?

#14 luzikov

luzikov

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

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

Отправлено 11 Январь 2014 - 12:09

Подскажите пожалуйста, что можно изменить в моем подвале? http://lookfield.storeland.ru/  и как это сделать)

#15 ne_yana

ne_yana

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

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

Отправлено 13 Январь 2014 - 09:32

Просмотр сообщенияluzikov (11 Январь 2014 - 12:09) писал:

Подскажите пожалуйста, что можно изменить в моем подвале? http://lookfield.storeland.ru/  и как это сделать)
Здравствуйте, внешний вид подвала можно изменить как угодно. Уточните что и как именно Вы хотите изменить, и мы сможем помочь Вам.

#16 luzikov

luzikov

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

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

Отправлено 15 Январь 2014 - 16:37

Просмотр сообщенияne_yana (13 Январь 2014 - 09:32) писал:

Здравствуйте, внешний вид подвала можно изменить как угодно. Уточните что и как именно Вы хотите изменить, и мы сможем помочь Вам.

Вообщем на скриншоте все видно, окно где красный крест нарисован нужно удалить, а там где написано "сделать белый фон" нужно сделать белый фон, и черные буквы соответственно)

Прикрепленные изображения

  • 111.jpg


#17 ne_yana

ne_yana

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

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

Отправлено 15 Январь 2014 - 18:18

Просмотр сообщенияluzikov (15 Январь 2014 - 16:37) писал:

Вообщем на скриншоте все видно, окно где красный крест нарисован нужно удалить, а там где написано "сделать белый фон" нужно сделать белый фон, и черные буквы соответственно)
Здравствуйте, в файле style.css замените
#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
}
на
#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
display: none;
}

#footer-bottom {
background: #2a2a2a;
border-top: 1px solid #363636;
padding: 15px 0;
color: #a0a0a0;
font-size: 11px;
}
на
#footer-bottom {
background: #FFFFFF;
border-top: 1px solid #363636;
padding: 15px 0;
color: #000000;
font-size: 11px;
}


#18 luzikov

luzikov

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

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

Отправлено 15 Январь 2014 - 18:48

Просмотр сообщенияne_yana (15 Январь 2014 - 18:18) писал:

Здравствуйте, в файле style.css замените
#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
}
на
#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
display: none;
}

#footer-bottom {
background: #2a2a2a;
border-top: 1px solid #363636;
padding: 15px 0;
color: #a0a0a0;
font-size: 11px;
}
на
#footer-bottom {
background: #FFFFFF;
border-top: 1px solid #363636;
padding: 15px 0;
color: #000000;
font-size: 11px;
}

Спасибо большое, и еще пару вопросов, как убрать черную полосу которую я отметил на скрине, и как убрать название магазина под логотипом, но оставить его в подвале ????

Прикрепленные изображения

  • ххх.png


#19 ne_yana

ne_yana

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

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

Отправлено 15 Январь 2014 - 19:19

Просмотр сообщенияluzikov (15 Январь 2014 - 18:48) писал:

Спасибо большое, и еще пару вопросов, как убрать черную полосу которую я отметил на скрине, и как убрать название магазина под логотипом, но оставить его в подвале ????
Здравствуйте, в файле style.css замените
#footer-top {
clear: both;
background: #2a2a2a;
border-bottom: 1px solid #171717;
}
на
#footer-top {
clear: both;
background: #2a2a2a;
}

#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
display: none;
}
на
#footer-center {
padding-bottom: 30px;
display: none;
}

#footer-bottom {
background: #FFFFFF;
border-top: 1px solid #363636;
padding: 15px 0;
color: #000000;
font-size: 11px;
}
на
#footer-bottom {
background: #FFFFFF;
padding: 15px 0;
color: #000000;
font-size: 11px;
}

В разделе HTML замените
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
			{SETTINGS_STORE_NAME}
на
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />


#20 luzikov

luzikov

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

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

Отправлено 16 Январь 2014 - 00:12

Просмотр сообщенияne_yana (15 Январь 2014 - 19:19) писал:

Здравствуйте, в файле style.css замените
#footer-top {
clear: both;
background: #2a2a2a;
border-bottom: 1px solid #171717;
}
на
#footer-top {
clear: both;
background: #2a2a2a;
}

#footer-center {
border-top: 1px solid #464646;
border-bottom: 1px solid #171717;
padding-bottom: 30px;
display: none;
}
на
#footer-center {
padding-bottom: 30px;
display: none;
}

#footer-bottom {
background: #FFFFFF;
border-top: 1px solid #363636;
padding: 15px 0;
color: #000000;
font-size: 11px;
}
на
#footer-bottom {
background: #FFFFFF;
padding: 15px 0;
color: #000000;
font-size: 11px;
}

В разделе HTML замените
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
		 {SETTINGS_STORE_NAME}
на
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />

А как сделать так, чтобы категории не отображались там, где я их зачеркнул на скриншоте? чтоб там были только вещи, которые я добавлю?
И последний вопрос, уважаемый модератор, посмотрите пожалуйста своим профессиональным взглядом на подвал моего сайта. http://lookfield.storeland.ru/  и скажите пожалуйста что бы вы добавили, или удалили. И как это сделать, заранее спасибо!

Прикрепленные изображения

  • ййййй.png






Темы с аналогичным тегами Подвал сайта

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

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