Как реализовать интересный логотип сайта на основе fontawesome и animate.css / Вопросы, проблемы и их решения / Alto CMS

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29585)

ptz2007@gmail.com — Thu, 29 Mar 2018 03:31:06 +0300

Как?

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29586)

ptz2007@gmail.com — Thu, 29 Mar 2018 03:38:47 +0300

Как? Мне кажется что Sersar мне что то не договорил.... Хотя бы то, что нужно подключить сам шрифт font-awesome.min.css и наверняка что то еще... Светлые головы отзовитесь, буду благодарен за любую помощь.

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29592)

j.j.lefebvre@yandex.ru — Thu, 29 Mar 2018 11:12:30 +0300

animateCss где у вас описан?
Внимательно прочитать надо секцию Usage на https://github.com/daneden/animate.css

где у вас вот такой код?

"$.fn.extend({animateCss:function(animationName,callback){var animationEnd=(function(el){var animations={animation:'anima
tionend',OAnimation:'oAnimationEnd',MozAnimation:'mozAnimationEnd',WebkitAnimation:'webkitAnimationEnd',};for(var t in animations){if(el.style
[t]!==undefined){return animations[t];}}})(document.createElement('div'));this.addClass('animated '+animationName).one(animationEnd,function()
{$(this).removeClass('animated '+animationName);if(typeof callback==='function')callback();});return this;}});jQuery(document).ready(function(
){setInterval(function(){$('.site-header-title i').animateCss('flip',function(){});},5000);});"

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29598)

ptz2007@gmail.com — Thu, 29 Mar 2018 14:04:32 +0300

Было только вот это в подключаемом js файле...

jQuery(document).ready(function(
){setInterval(function(){$('.site-header-title i').animateCss('flip',function(){});},5000);});"

Дописал сверху остальное и все заработало. Спасибо огромное за наводку.

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29597)

j.j.lefebvre@yandex.ru — Thu, 29 Mar 2018 13:28:27 +0300


cat index.html


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="text/css" rel="stylesheet" href="animate.css-master/animate.css"/>
<link type="text/css" rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css"/>
</head>
<body">

<div>
    <a  class="site-header-title"href="http://liverp.loc/">Живи <i class="fa fa-heartbeat"></i> RolePlay</a> 
</div>

<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script type="text/javascript" src="jacomo.js"></script>

</body>
</html>




cat jacomo.js 


$.fn.extend({animateCss:function(animationName,callback){var animationEnd=(function(el){var animations={animation:'animationend',OAnimation:'oAnimationEnd',MozAnimation:'mozAnimationEnd',WebkitAnimation:'webkitAnimationEnd',};for(var t in animations){if(el.style[t]!==undefined){return animations[t];}}})(document.createElement('div'));this.addClass('animated '+animationName).one(animationEnd,function(){$(this).removeClass('animated '+animationName);if(typeof callback==='function')callback();});return this;}});jQuery(document).ready(function(){setInterval(function(){$('.site-header-title i').animateCss('flip',function(){});},5000);});

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29599)

ptz2007@gmail.com — Thu, 29 Mar 2018 14:19:56 +0300

С файлами тоже все получилось, спасибо огромное!

Как реализовать интересный логотип сайта на основе fontawesome и animate.css (comment #29589)

finitumus@gmail.com — Thu, 29 Mar 2018 11:00:37 +0300

А сам скрипт запускается? Функция setInterval в принципе срабатывает?
Проверь первым делом это, повесь туда alert или вывод чего-нибудь в консоль.