Уважаемые модераторы подскажите как мне добавить ссылки в подвал ненавредя моей адаптивности сайта. и как убрать белый зазор внизу экрана. спасибо.
Аккаунт SL-140897
0
Ссылки В Подвал
Автор Эбболка, 14 марта 2016 11:15
Сообщений в теме: 5
#1
Отправлено 14 Март 2016 - 11:15
#2
Отправлено 14 Март 2016 - 11:46
Эбболка (14 Март 2016 - 11:15) писал:
Уважаемые модераторы подскажите как мне добавить ссылки в подвал ненавредя моей адаптивности сайта. и как убрать белый зазор внизу экрана. спасибо.
Аккаунт SL-140897
2016-03-14 11-11-27 Условия предоставления услуг – Yandex.png
Аккаунт 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} © {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} © {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
Отправлено 14 Март 2016 - 11:58
Спасибо большое! Подскажите а возможно ли к моему слайдеру добавить как в шаблоне лето текст как ссылку и изменение цвета при наведении,
#4
Отправлено 14 Март 2016 - 12:20
Эбболка (14 Март 2016 - 11:58) писал:
Спасибо большое! Подскажите а возможно ли к моему слайдеру добавить как в шаблоне лето текст как ссылку и изменение цвета при наведении,
Здравствуйте. Уточните, пожалуйста, правильно ли я Вас понимаю, что слайды нужно сделать кликабельными? Цвет какого элемента нужно менять при наведении? Не видим такой реализации в шаблоне Лето.
#5
Отправлено 14 Март 2016 - 16:34
я очень извиняюсь шаблон город )
#6
Отправлено 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 анонимных