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

Ziza007

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

SeBun

  • Практически профи
  • *******
  • 3083
  • 187
  • @SeBun48
Re: Мигающий текст
« Ответ #1 : 07.07.2015, 14: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 | Миграция на Joomla 3.x | Администрирование | Разработка
Ник занят
*

SeBun

  • Практически профи
  • *******
  • 3083
  • 187
  • @SeBun48
Re: Мигающий текст
« Ответ #2 : 07.07.2015, 14:47:31 »
А вот тут написано, как сделать эффекты через CSS. Ну и поиск в помощь.
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Администрирование | Разработка
Ник занят
*

vipiusss

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

Ziza007

  • Захожу иногда
  • **
  • 14
  • 0
Re: Мигающий текст
« Ответ #4 : 07.07.2015, 15: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

  • Профи
  • ********
  • 5529
  • 318
  • Круглая ава-зло!
Re: Мигающий текст
« Ответ #5 : 07.07.2015, 15: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, 15:31:38 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Ziza007

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

SeBun

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

Еще как вариант - нарисуйте GIF-анимашку и вставьте в текст )
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Администрирование | Разработка
Ник занят
*

vipiusss

  • Профи
  • ********
  • 5529
  • 318
  • Круглая ава-зло!
Re: Мигающий текст
« Ответ #8 : 07.07.2015, 15:47:10 »
ну тут 2 варианта.
или стилями или CSS
если проще, но Неправильно, делаете следующее...
(ппц дожился, сидеть писать)

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

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

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