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


Ссылки В Подвал


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

#1 Эбболка

Эбболка

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

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

Отправлено 14 Март 2016 - 11:15

Уважаемые модераторы подскажите как мне добавить ссылки в подвал ненавредя моей адаптивности сайта. и как убрать белый зазор внизу экрана. спасибо.
Аккаунт SL-140897
2016-03-14 11-11-27 Условия предоставления услуг – Yandex.png

#2 Юля123

Юля123

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

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

Отправлено 14 Март 2016 - 11:46

Просмотр сообщенияЭбболка (14 Март 2016 - 11:15) писал:

Уважаемые модераторы подскажите как мне добавить ссылки в подвал ненавредя моей адаптивности сайта. и как убрать белый зазор внизу экрана. спасибо.
Аккаунт SL-140897
Прикрепленный файл 2016-03-14 11-11-27 Условия предоставления услуг – Yandex.png

Здравствуйте, в шаблоне HTML после кода:

<div class="col-sm-4 col-xs-12">

добавляйте код ссылок. Например такой

<a href="ссылка" title="">Ссылка 1</a> | <a href="ссылка" title="">Ссылка 2</a>

При желании можно увеличить этот блок, уменьшив блок с текстом "Магазин © 2016. Все права защищены.". Для этого код:

			 <div class="col-sm-8 col-xs-12">
			 <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			 <p>{SETTINGS_STORE_ORG_NAME}.</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 <p>{SETTINGS_STORE_HTML_CODE}</p>
			 </div>
			 <div class="col-sm-4 col-xs-12">
			 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			 </div>

замените на код:

			 <div class="col-sm-6 col-xs-12">
			 <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			 <p>{SETTINGS_STORE_ORG_NAME}.</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 <p>{SETTINGS_STORE_HTML_CODE}</p>
			 </div>
			 <div class="col-sm-6 col-xs-12">
<здесь код ссылок>
			 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			 </div>


Зазора не наблюдаю, уточните, в каком браузере Вы просматриваете сайт.

#3 Эбболка

Эбболка

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

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

Отправлено 14 Март 2016 - 11:58

Спасибо большое! Подскажите а возможно ли к моему слайдеру добавить как в шаблоне лето текст как ссылку и изменение цвета при наведении,

#4 RedHead

RedHead

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

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

Отправлено 14 Март 2016 - 12:20

Просмотр сообщенияЭбболка (14 Март 2016 - 11:58) писал:

Спасибо большое! Подскажите а возможно ли к моему слайдеру добавить как в шаблоне лето текст как ссылку и изменение цвета при наведении,

Здравствуйте. Уточните, пожалуйста, правильно ли я Вас понимаю, что слайды нужно сделать кликабельными? Цвет какого элемента нужно менять при наведении? Не видим такой реализации в шаблоне Лето.

#5 Эбболка

Эбболка

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

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

Отправлено 14 Март 2016 - 16:34

я очень извиняюсь шаблон город )

#6 Юля123

Юля123

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

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

Отправлено 14 Март 2016 - 18:25

Просмотр сообщенияЭбболка (14 Март 2016 - 16:34) писал:

я очень извиняюсь шаблон город )

Да, конечно, можно, для этого Вам необходимо в шаблоне HTML для каждой картинки (где нужно добавить текст), например:

				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
				</div>

нужно заменить на код:

				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" />
					  <div class="title_accor">
			<a href="ссылка" title=""><strong>Текст</strong></a>
			<p><a href="ссылка на текст меньший" title="">Текст1</a></p>
		  </div>
				  </a>
				</div>



В main.css добавьте код:

div.title_accor {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}
.title_accor a {
	text-decoration: none;
	color: #ffffff;
}

.title_accor strong {
	font-size: 60px;
	text-transform: uppercase;
}

.title_accor p {
	font-size: 30px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	font-weight: bold;
}

div.title_accor a:hover {
	color: #c7081b;
}

Значения свойств при желании можно заменить на свои, положение текста можно так же поменять.




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

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