0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 2911 Просмотров
*

Ziza007

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Мигающий текст
« : 07.07.2015, 12:37:39 »
Добрый день!
Как можно сделать мигающий текст в K2?
*

SeBun

  • BanMaster
  • 4015
  • 259 / 5
  • @SeBun48
Re: Мигающий текст
« Ответ #1 : 07.07.2015, 12:40:30 »
Код
<p style="text-decoration:blink; color:#009933;">Любой текст, который должен мигать</p>

Этот вариант не самый лучший, так как в некоторых браузерах (Например, в Google Chrome) текст, просто-напросто не мигает. Поэтому придется писать скрипт на jQuery.
 
В начале документа подключаем JS код:
 
Код
<script type="text/javascript">
$(function(){
$("#blinkingText").hide();
setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);
});
</script>

А потом выводим:
Код
<p id="blinkingText">Любой текст который должен мигать</p>
Оказываю услуги по Joomla | Миграция/Обновление | Сопровождение | IT-аутсорсинг | Недорогие домены и хостинг
*

SeBun

  • BanMaster
  • 4015
  • 259 / 5
  • @SeBun48
Re: Мигающий текст
« Ответ #2 : 07.07.2015, 12:47:31 »
А вот тут написано, как сделать эффекты через CSS. Ну и поиск в помощь.
Оказываю услуги по Joomla | Миграция/Обновление | Сопровождение | IT-аутсорсинг | Недорогие домены и хостинг
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Мигающий текст
« Ответ #3 : 07.07.2015, 12:51:48 »
Добрый день!
Как можно сделать мигающий текст в K2?
модулем и кустом и код, например http://htmlbook.ru/html/marquee
а CSS сами по желанию.
если хотите готовое-указывайте сайт и бюджет.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Ziza007

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Мигающий текст
« Ответ #4 : 07.07.2015, 13:08:55 »
Цитировать
В начале документа подключаем JS код:
 
Код
<script type="text/javascript">
$(function(){
$("#blinkingText").hide();
setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);
});
</script>

А потом выводим:
Код
<p id="blinkingText">Любой текст который должен мигать</p>

В начале документа .php вставил JS код, но ничего не заработало:(
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Мигающий текст
« Ответ #5 : 07.07.2015, 13:20:36 »
зачем вы вообще скрипт ищите, если CSS можно? у вас что мало в движке их и хотите более?
щас дам код, подождите, напишу, чтоб ни я и не вы не флудили
***
вот CSS
#blik {
  -webkit-animation: blik 3s linear infinite;
  animation: blik 3s linear infinite;
}
@-webkit-keyframes blik {
  0% { color: rgba(15, 120, 6, 1); }
  50% { color: rgba(15, 120, 6, 0); }
  100% { color: rgba(15, 120, 6, 1); }
}
@keyframes blik {
  0% { color: rgba(15, 120, 6, 1); }
  50% { color: rgba(15, 120, 6, 0); }
  100% { color: rgba(15, 120, 6, 1); }
}

думаю div умеете? или про div тоже подробно?
вот вам мигалка без скрипта, делал сам и работает на CSS.
и никакие скрипты не нужны!
***
вру, не совсем сам, подсмотрел...
могу дать демо, где применил, для думшопа делал.
« Последнее редактирование: 07.07.2015, 13:31:38 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Ziza007

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Мигающий текст
« Ответ #6 : 07.07.2015, 13:38:50 »
Если можно все подробно для чайника :(
*

SeBun

  • BanMaster
  • 4015
  • 259 / 5
  • @SeBun48
Re: Мигающий текст
« Ответ #7 : 07.07.2015, 13:42:22 »
Если можно все подробно для чайника :(
Я во втором своем посте дал ссылку на статью, из которой vipiusss привел пример оформления текста. Если не можете сделать самостоятельно, попросите его сделать все за вас. Думаю, рублей за 500 согласится )

Еще как вариант - нарисуйте GIF-анимашку и вставьте в текст )
Оказываю услуги по Joomla | Миграция/Обновление | Сопровождение | IT-аутсорсинг | Недорогие домены и хостинг
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Мигающий текст
« Ответ #8 : 07.07.2015, 13:47:10 »
ну тут 2 варианта.
или стилями или CSS
если проще, но Неправильно, делаете следующее...
(ппц дожился, сидеть писать)

<div class"blik">
вот сюда всё, что вам надо
</div>

<style>
вот сюда CSS
</style>
это всё можно в файле одном, что Неправильно, но просто.

если уже так не понятно, в комм раздел или на пиво, сделаю за 5 минут, отпишите, что сделал.
***
добавлю, если разжёванное-пиво с вас, дам готовый файл в ответ.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не отображается модуль HTML-текст

Автор Inngrid

Ответов: 8
Просмотров: 1926
Последний ответ 18.08.2017, 10:58:36
от lexxbry
Появился левый текст на сайте

Автор vipopo

Ответов: 25
Просмотров: 2323
Последний ответ 30.06.2017, 13:52:52
от dmitry_stas
Пропадает текст после того как убрать курсор мышки

Автор the_fog

Ответов: 9
Просмотров: 1759
Последний ответ 22.01.2017, 01:45:17
от Омошев
как создать текст на шапке сайта?

Автор webEdinorog

Ответов: 2
Просмотров: 822
Последний ответ 31.10.2016, 23:15:35
от zndm
Как сделать, чтобы был вводный текст новости на главной? Чтобы ссылка "читать далее" была?

Автор Омск

Ответов: 3
Просмотров: 1113
Последний ответ 28.03.2016, 14:57:09
от Shustry