Прокачка модернизация моего форума

[makstreid]

Приветствую еще раз! Вот такая штука.. хочется на моем форуме информация с плагина на теме, обновляется онлайн.. по изменению цыфр в плагине.

У чужого форума есть:


У меня нету:



Еще чтобы кнопка горела огнем каким нибудь приятным:


Сколько готовить денег за эту по мне не нелегкую работу?

 

[baltun]

Будем стараться делать бесплатно, мне нужна ссылка на форум (готовую страницу где можно посмотреть как должно) на такую же страницу (тему) твоего форума, чтобы сократить время поиска и собственно сам плагин или ссылка на него откуда качал, потому что возможно делать придется модификацию в плагине (предположительно) и дальше я буду смотреть, насколько сложно это сделать, будет все бесплатно, если я справлюсь. Кнопку посмотрю какую можно сделать, решение выложу тут. Все данные мне в ЛС кинь пожалуйста.
Вот готовый вариант для кнопки моргающей (цвет зеленый по форум):

#NavigationHiddenMenu ul li a[href*="shopping/list-joined"] {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: redPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: redPulse;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background: none repeat scroll 0% 0% #235246 !important;
}
@-webkit-keyframes redPulse {
    from {
        background-color: #1cb890;
        -webkit-box-shadow: 0 0 9px #333;
    }
    50% {
        background-color: #22cca0;
        -webkit-box-shadow: 0 0 18px #22cca0;
    }
    to {
        background-color: #1cb890;
        -webkit-box-shadow: 0 0 9px #333;
    }
}
@-moz-keyframes redPulse {
    from {
        background-color: #1cb890;
        -moz-box-shadow: 0 0 9px #333;
    }
    50% {
        background-color: #22cca0;
        -moz-box-shadow: 0 0 18px #22cca0;
    }
    to {
        background-color: #1cb890;
        -moz-box-shadow: 0 0 9px #333;
    }
}
@-o-keyframes redPulse {
    from {
        background-color: #1cb890;
        -o-box-shadow: 0 0 9px #333;
    }
    50% {
        background-color: #22cca0;
        -o-box-shadow: 0 0 18px #22cca0;
    }
    to {
        background-color: #1cb890;
        -o-box-shadow: 0 0 9px #333;
    }
}
@keyframes redPulse {
    from {
        background-color: #1cb890;
        box-shadow: 0 0 9px #333;
    }
    50% {
        background-color: #22cca0;
        box-shadow: 0 0 18px #22cca0;
    }
    to {
        background-color: #1cb890;
        box-shadow: 0 0 9px #333;
    }
}

 

[makstreid]

а куда его кидать. кинул в EXTRA.css но ни чего нету

 

[baltun]

EXTRA.css но ни чего нету

Да верно в EXTRA.css и надо добавлять весь код CSS.

 

[makstreid]

добавил что то ни чего нету

 

[baltun]

Кое что не учел когда меню разворачивается другие классы вот конечный вариант будет:

#NavigationHiddenMenu ul li a[href*="shopping/list-joined"],
.publicTabs .navTab a.navLink[href*="shopping/list-joined"] {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: redPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: redPulse;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background: none repeat scroll 0% 0% #235246 !important;
}

@-webkit-keyframes redPulse {
from { background-color: #1cb890; -webkit-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -webkit-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -webkit-box-shadow: 0 0 9px #333; }
        }
@-moz-keyframes redPulse {
from { background-color: #1cb890; -moz-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -moz-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -moz-box-shadow: 0 0 9px #333; }
        }
@-o-keyframes redPulse {
from { background-color: #1cb890; -o-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -o-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -o-box-shadow: 0 0 9px #333; }
        }
@keyframes redPulse {
from { background-color: #1cb890; box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; box-shadow: 0 0 9px #333; }
        }

Вставляя не теряй ковычки и запятые иначе не будет нечего работать.

 

[makstreid]

Кое что не учел когда меню разворачивается другие классы вот конечный вариант будет:

#NavigationHiddenMenu ul li a[href*="shopping/list-joined"],
.publicTabs .navTab a.navLink[href*="shopping/list-joined"] {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: redPulse;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: redPulse;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background: none repeat scroll 0% 0% #235246 !important;
}

@-webkit-keyframes redPulse {
from { background-color: #1cb890; -webkit-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -webkit-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -webkit-box-shadow: 0 0 9px #333; }
        }
@-moz-keyframes redPulse {
from { background-color: #1cb890; -moz-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -moz-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -moz-box-shadow: 0 0 9px #333; }
        }
@-o-keyframes redPulse {
from { background-color: #1cb890; -o-box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; -o-box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; -o-box-shadow: 0 0 9px #333; }
        }
@keyframes redPulse {
from { background-color: #1cb890; box-shadow: 0 0 9px #333; }
          50% { background-color: #22cca0; box-shadow: 0 0 18px #22cca0; }
          to { background-color: #1cb890; box-shadow: 0 0 9px #333; }
        }

Вставляя не теряй ковычки и запятые иначе не будет нечего работать.

получилось =) Спасибо!!!!