Домой Каталог: Дополнения WP-Recall Show ajax notifi Моргание иконки в реколлбаре
3ответ(ов) в теме
Антон Надеждин
не в сети 7 месяцев
На сайте с 31.01.2017
Участник
Тем 26
Сообщения 83
1
18:37
Версия WP-Recall: 16.4.11
Версия дополнения: 1.3

К сожалению этот доп не совместим с морганием иконки в реколлбаре
Код моргания:

// моргаем нужной иконкой когда там значение > 0
function otfm_blink_notifi(){
    $out = '
<script>
(function($){
    $(document).ready(function() {
        var otId = $("#rcl-notifications"); // id нужного нам блока
        var nuMber = $(otId).children(".rcb_nmbr").text();
        if(nuMber > 0){
            $(otId).find(".fa").addClass("otfm_blink");
        }
    });
})(jQuery);
</script>';

    echo $out;
}
add_action('wp_footer','otfm_blink_notifi', 100);

// и сами стили моргания
function otfm_blink_notifi_style($styles){
    $styles .= '
        #recallbar .rcb_icons .fa.otfm_blink{
            color: #ff504b;
            -webkit-animation: otfm_blink 2.5s ease-in-out infinite;
            animation: otfm_blink 2.5s ease-in-out infinite;
        }
        @keyframes otfm_blink {
            50% {color:#c11d19;}
        }
    ';
    return $styles;
}
add_filter('rcl_inline_styles','otfm_blink_notifi_style',10);

Материал

Вы не можете просматривать опубликованные ссылки
0
Вова (Otshelnik-Fm)
не в сети 1 день
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18647
2
18:41

А там сказано:

На этом примере я покажу как у дополнения RCL-Notification (Уведомления) анимировать иконку:

- т.е. пример не предполагает ничего лишнего.

1
Preci
не в сети 2 дня
На сайте с 11.11.2014
Участник
Тем 71
Сообщения 1643
3
12:04

Там же id меняется кнопки, можно и тут в коде поменять:

var otId = $("#rcl-notifications"); // id нужного нам блока

заменить на

var otId = $("#show-ajax-notifi"); // id нужного нам блока

0
Вы не имеете права на публикацию сообщений в этой теме