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


Подвал


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

#1 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 09 Октябрь 2014 - 11:05

Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115

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

  • 2014-10-09 11-56-08 Скриншот экрана.png


#2 Ирина345

Ирина345

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

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

Отправлено 09 Октябрь 2014 - 11:56

Просмотр сообщениямистка (09 Октябрь 2014 - 11:05) писал:

Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115
Здравствуйте, а Вы хотите сделать отдельные ссылки или как пункты меню
Если как пункты меню, то Вам нужно для начала создать данные меню на сайте
для этого Зайдите в раздел Сайт-меню и создайте меню

#3 Alekseys

Alekseys

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

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

Отправлено 09 Октябрь 2014 - 12:00

Просмотр сообщениямистка (09 Октябрь 2014 - 11:05) писал:

Как привести подвал к такому виду как на скрине? читала темы не выходит
Аккаунт SL-237115
Здравствуйте. В HTML после
<div class="column full" id="footer-bottom-content">
вставьте
<div class="columns" id="footer-bottom-content">
	  <a href="ссылка" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a><br>
<a href="ссылка" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a>
	
	 <a href="" title="">текст</a><br>
  <a href="ссылка" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a><br>
  <a href="ссылка" title="">текст</a>
	
	 <a href="" title="">текст</a>
	
	 <a href="ссылка" title="">текст</a><br>
   </div>
и в style.css добавьте
.columns {
margin-left: 30%;
}
и
.columns a {
padding: 0px 50px 0px 50px;
}


#4 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 09 Октябрь 2014 - 12:22

спасибо(( но я не нашла <div class="column full" id="footer-bottom-content">  на другом сайте как их тоже поставить
Аккаунт SL-299242

#5 Alekseys

Alekseys

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

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

Отправлено 09 Октябрь 2014 - 12:42

Просмотр сообщениямистка (09 Октябрь 2014 - 12:22) писал:

спасибо(( но я не нашла <div class="column full" id="footer-bottom-content">  на другом сайте как их тоже поставить
Аккаунт SL-299242
В аккаунте SL-299242 данный код нужно вставить после
		  
			</div><!--END contactsWrp theme-color -->
		</div>


#6 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 09 Октябрь 2014 - 12:48

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

#7 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 09 Октябрь 2014 - 14:48

аап

#8 Alekseys

Alekseys

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

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

Отправлено 09 Октябрь 2014 - 14:55

Просмотр сообщениямистка (09 Октябрь 2014 - 12:48) писал:

Еще раз извините в 1 магазине  поставила все работает а как все права защищены и т д разместить одной строкой внизу? и ссылочки когда добавляю текст все едут в разные стороны
В style.css добавьте
#columns {
width: 1200px;
height: 10px;
padding-top: 10px;
}
и
.columns1 {
width: 260px;
float: left;
margin-left: 10%;
}
затем замените
.columns {
margin-left: 4%;
}
на
.columns {
margin: auto;
width: 100%;
}
в HTML замените
<div class="columns" id="footer-bottom-content">

		 <a href="http://my-mettle.ru/" title="">О нас</a>
	
		 <a href="http://my-mettle.ru/catalog" title="">Каталог</a>
	
		 <a href="http://my-mettle.ru/page/Kak-kupit" title="">Как купить?</a><br>
<a href="http://my-mettle.ru/page/Varianty-oplaty" title="">Оплата </a>
	
		 <a href="" title="">Sale</a></a>
	
		 <a href="http://my-mettle.ru/user/login" title="">Личный кабинет</a><br>
<a href="http://my-mettle.ru/page/Доставка" title="">Доставка</a>
	
		 <a href="http://my-mettle.ru/catalog/Novinki" title="">Новинки</a>
	
		 <a href="http://my-mettle.ru/page/Sovmestnye-pokupki-kozhanyh-sumok-informaciya-dlya-organizatorov" title="">Совместные покупки</a><br>
<a href="http://my-mettle.ru/page/Vozvrat-i-obmen-tovara" title="">Возврат</a>
	 </div>
на
<div id="columns"><div class="columns" id="footer-bottom-content">
<div class="columns1">
		 <a href="http://my-mettle.ru/" title="">О нас</a>
		 <a href="http://my-mettle.ru/page/Varianty-oplaty" title="">Оплата </a>
	 <a href="http://my-mettle.ru/page/Доставка" title="">Доставка</a>
	 <a href="http://my-mettle.ru/page/Vozvrat-i-obmen-tovara" title="">Возврат</a>
</div>
<div class="columns1">
		 <a href="http://my-mettle.ru/catalog" title="">Каталог</a>
		 <a href="" title="">Sale</a>
	 <a href="http://my-mettle.ru/catalog/Novinki" title="">Новинки</a>
</div>
<div class="columns1">
<a href="http://my-mettle.ru/page/Kak-kupit" title="">Как купить?</a><br>
<a href="http://my-mettle.ru/user/login" title="">Личный кабинет</a><br>
	 <a href="http://my-mettle.ru/page/Sovmestnye-pokupki-kozhanyh-sumok-informaciya-dlya-organizatorov" title="">Совместные покупки</a>
</div>
</div>
</div>
и
<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		 <span>{SETTINGS_STORE_REGION}</span><br />
		 <span>Все права защищены</span><br />
		 {COPYRIGHT_FOR_DESIGN_AUTUMN}
		 {SETTINGS_STORE_HTML_CODE}<br />
	 </p>
замените на
<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo; {SETTINGS_STORE_ORG_NAME}
		 <span>{SETTINGS_STORE_REGION}</span>
		 <span>Все права защищены</span>
		 {COPYRIGHT_FOR_DESIGN_AUTUMN}
		 {SETTINGS_STORE_HTML_CODE}
	 </p>
затем в style.css в блок
@media only screen and (max-width:1210px)
{
добавьте
#columns{width: 950px!important;}
.columns1 {margin-left: 5%!important;}
затем в блок
@media only screen and (max-width:959px)
{
добавьте
#columns{width: 710px!important;}
.columns1 {margin-left: 0!important;width: 235px!important;}
затем в блоке
@media only screen and (max-width:767px)
{
добавьте
#columns{width: 450px!important;}
.columns1 {margin-left: 0!important;width: 150px!important;}
.columns a {padding: 0px 51px 0px 15px!important;text-align: left!important;float: left;}
в блоке
@media only screen and (max-width:479px)
{
добавьте
#columns{width: 300px!important;}
.columns1 {margin-left: 0!important;width: 100px!important;}
.columns a {padding: 0px 5px 0px 15px!important;text-align: left!important;float: left;}


#9 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 10 Октябрь 2014 - 09:45

большое спасибо я все проделала но ссылки все равно скучены ... может ошибка есть
2014-10-10 10-47-00 Скриншот экрана.png

как же добиться такого подвала2014-10-10 10-48-13 Скриншот экрана.png

#10 Vaccina

Vaccina

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

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

Отправлено 11 Октябрь 2014 - 00:44

у вас много дубликатов стилей к одному блоку:
.columns1 {
	float: left;
	margin-left: 10%;
	width: 260px;
}
.columns1 {
	margin-left: 0 !important;
	width: 100px !important;
}
.columns1 {
	margin-left: 0 !important;
	width: 150px !important;
}
.columns1 {
	margin-left: 0 !important;
	width: 235px !important;
}
.columns1 {
	margin-left: 5% !important;
}

замените все эти стили на одни такой:
.columns1 {
	float: left;
	margin: 0 1%;
	width: 18%;
}

далее найдите:
.columns a {
	float: left;
	padding: 0 5px 0 15px !important;
	text-align: left !important;
}
.columns a {
	float: left;
	padding: 0 51px 0 15px !important;
	text-align: left !important;
}
и замените на один:
.columns a {
	display: block;
	padding: 0 5px 0 15px;
	text-align: left;
}

а в HTML в самой структуре лучше убрать <br> чтобы не было огромных отступов между ссылками




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

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