Бегущая Строка
#1
Отправлено 18 Август 2014 - 19:26
#2
Отправлено 18 Август 2014 - 21:47
Дикий ангел (18 Август 2014 - 19:26) писал:
</div> </div> <!-- Главная страница --> {% IF index_page %} <div class="fluid-container">попробуйте вставить такой код
<marquee behavior="alternate" direction="right">Бегущая строка</marquee>Замените текст на нужный, также нужно будет настроить шрифт, если не получится - напишите какой нужен.
В целом по данному вопросу будет полезна эта ссылка.
#3
Отправлено 18 Август 2014 - 23:06
2. При переходе на другие страницы текст находится под шапкой как хотелось, но в теме движение есть зона внизу шапки(оплата, доставки, гарантии, поддержка) И получилось, что строка за ней и ее не видно
3. Хочется, чтоб строка была между зоной внизу шапки(оплата, доставки, гарантии, поддержка) и каталогом
#4
Отправлено 19 Август 2014 - 01:54
<div class="container contentText"> <div class="twelve columns omega main_part_wrapper">
#5
Отправлено 19 Август 2014 - 10:16
Как увеличить шрифт раз в 5 и сделать его жирным и красным?
#7
Отправлено 19 Август 2014 - 10:34
#9
Отправлено 25 Август 2014 - 13:32
#10
Отправлено 25 Август 2014 - 15:17
Дикий ангел (25 Август 2014 - 13:32) писал:
<marquee behavior="alternate" direction="right">Для оптовых клиентов действуют спец.цены</marquee>добавьте
<marquee behavior="alternate" direction="right">Для оптовых клиентов действуют спец.цены</marquee>заменив текст "Для оптовых клиентов действуют спец.цены" на нужный вам.
#11
Отправлено 25 Август 2014 - 16:15
#12
Отправлено 26 Декабрь 2017 - 14:21
Vaccina (19 Август 2014 - 01:54) писал:
<div class="container contentText"> <div class="twelve columns omega main_part_wrapper">
1) Подскажите пожалуйста как сделать сквозную бегущую строку. чтобы никкие блоки, не раздвигались так сказать, а текст шел по верху.
2) чтобы фон бегущей строки был прозрачен и не менял дизайн сайта
3) Как привязать бегущую строку к верхнему или нижнему краю Экрана, чтобы вне зависимости от того как низко я лисатю любую страницу бегущая строка была фиксирована привязана к верхней или нижней части экрана
4) ну и не обязательный вопрос, можно ли сделать эту бегущую строку "с крестиком", чтобы пользователь мог отключить ее если она ему надоела?
#13
Отправлено 10 Январь 2018 - 13:59
ARGO (26 Декабрь 2017 - 14:21) писал:
1) Подскажите пожалуйста как сделать сквозную бегущую строку. чтобы никкие блоки, не раздвигались так сказать, а текст шел по верху.
2) чтобы фон бегущей строки был прозрачен и не менял дизайн сайта
3) Как привязать бегущую строку к верхнему или нижнему краю Экрана, чтобы вне зависимости от того как низко я лисатю любую страницу бегущая строка была фиксирована привязана к верхней или нижней части экрана
4) ну и не обязательный вопрос, можно ли сделать эту бегущую строку "с крестиком", чтобы пользователь мог отключить ее если она ему надоела?
</body>и перед ним вставьте
<div class="lineRed"> <div class="close"><a href="#">Закрыть</a></div> <marquee style="color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;">Бегущая строка</marquee> </div>В конец файла main.css добавьте код
.lineRed{position:fixed;bottom:0px;width:100%;z-index:999;} .lineRed .close{position:relative;} .lineRed .close a{position:absolute;top:0;left:0;}В конец файла main.js добавьте код
$(document).ready(function(){ $('.lineRed .close a').click(function(){ $('.lineRed').hide() }) })Стили самой строки можно будет подредактировать.
#15
Отправлено 12 Январь 2018 - 10:20
ARGO (11 Январь 2018 - 17:24) писал:
Спасибо!!! то что надо! еще бы полоску эту сверху убрать(верхняя граница бегущей строки) вообще чудесно будет
Здравствуйте.
В main.css найдите код:
.lineRed{position:fixed;bottom:0px;width:100%;z-index:999;} .lineRed .close{position:relative;} .lineRed .close a{position:absolute;top:0;left:0;}
Замените на:
.lineRed{position:fixed;bottom:0px;width:100%;z-index:999;} .lineRed .close{position:relative;border: none;} .lineRed .close a{position:absolute;top: -15px;left: 5px;padding: 1px 3px;border: 1px solid;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных