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


Бегущая Строка


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

#1 Дикий ангел

Дикий ангел

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

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

Отправлено 18 Август 2014 - 19:26

Подскажите, как сделать бегущую строку с текстом под шапкой, чтоб она дублировалась на всех станицах.

#2 daria_dnk

daria_dnk

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

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

Отправлено 18 Август 2014 - 21:47

Просмотр сообщенияДикий ангел (18 Август 2014 - 19:26) писал:

Подскажите, как сделать бегущую строку с текстом под шапкой, чтоб она дублировалась на всех станицах.
Здравствуйте! В шаблоне HTML перед строками
</div>
		
	</div>	
	  
	  <!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
попробуйте вставить такой код
 <marquee behavior="alternate" direction="right">Бегущая строка</marquee>
Замените текст на нужный, также нужно будет настроить шрифт, если не получится - напишите какой нужен.
В целом по данному вопросу будет полезна эта ссылка.

#3 Дикий ангел

Дикий ангел

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

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

Отправлено 18 Август 2014 - 23:06

1.на главной странице текст получился над шапкой, а нужно под шапкой
2. При переходе на другие страницы текст находится под шапкой как хотелось, но в теме движение есть зона внизу шапки(оплата, доставки, гарантии, поддержка) И получилось, что строка за ней и ее не видно
3. Хочется, чтоб строка была между зоной внизу шапки(оплата, доставки, гарантии, поддержка) и каталогом

#4 Vaccina

Vaccina

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

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

Отправлено 19 Август 2014 - 01:54

попробуйте переместить код, поставив его перед:
<div class="container contentText">	   
		<div class="twelve columns omega main_part_wrapper">


#5 Дикий ангел

Дикий ангел

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

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

Отправлено 19 Август 2014 - 10:16

Вот это то, что нужно)
Как увеличить шрифт раз в 5  и сделать его жирным и красным?

#6 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Август 2014 - 10:29

Просмотр сообщенияДикий ангел (19 Август 2014 - 10:16) писал:

Вот это то, что нужно)
Как увеличить шрифт раз в 5  и сделать его жирным и красным?

В style.css добавьте:
marquee {color:red; font-size:20px;}

где 16px - это размер шрифта, его можно менять.

#7 Дикий ангел

Дикий ангел

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

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

Отправлено 19 Август 2014 - 10:34

а куда добавить? не нашла строку со словом marquee

#8 Castiel

Castiel

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

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

Отправлено 19 Август 2014 - 10:49

Просмотр сообщенияДикий ангел (19 Август 2014 - 10:34) писал:

а куда добавить? не нашла строку со словом marquee

Добавьте в самый конец файла или в любое другое удобное место

#9 Дикий ангел

Дикий ангел

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

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

Отправлено 25 Август 2014 - 13:32

бегущую строку хочу сделать в 2 срочки. 2 отдельных предложения, как это реализовать?

#10 Alekseys

Alekseys

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

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

Отправлено 25 Август 2014 - 15:17

Просмотр сообщенияДикий ангел (25 Август 2014 - 13:32) писал:

бегущую строку хочу сделать в 2 срочки. 2 отдельных предложения, как это реализовать?
Здравствуйте. В разделе Сайт -> Редактор шаблонов -> HTML после строки
<marquee behavior="alternate" direction="right">Для оптовых клиентов действуют спец.цены</marquee>
добавьте
<marquee behavior="alternate" direction="right">Для оптовых клиентов действуют спец.цены</marquee>
заменив текст "Для оптовых клиентов действуют спец.цены" на нужный вам.

#11 Дикий ангел

Дикий ангел

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

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

Отправлено 25 Август 2014 - 16:15

все получилось, спасибо!

#12 ARGO

ARGO

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

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

Отправлено 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 Stasya

Stasya

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

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

Отправлено 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()
  })
})
Стили самой строки можно будет подредактировать.

#14 ARGO

ARGO

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

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

Отправлено 11 Январь 2018 - 17:24

Stasya

Спасибо!!! то что надо! еще бы полоску эту сверху убрать(верхняя граница бегущей строки) вообще чудесно будет

#15 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 12 Январь 2018 - 10:20

Просмотр сообщенияARGO (11 Январь 2018 - 17:24) писал:

Stasya

Спасибо!!! то что надо! еще бы полоску эту сверху убрать(верхняя граница бегущей строки) вообще чудесно будет

Здравствуйте.
В 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 анонимных