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

Статус
Закрыто для дальнейших ответов.
makstreid

makstreid

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

У чужого форума есть:
2018-01-26_00-41-56.jpg 2018-01-26_00-43-39.jpg

У меня нету:

2018-01-26_00-47-28.jpg

Еще чтобы кнопка горела огнем каким нибудь приятным:
2018-01-26_00-49-44.jpg

Сколько готовить денег за эту по мне не нелегкую работу?
 
Сортировать по дате Сортировать по голосам
Будем стараться делать бесплатно, мне нужна ссылка на форум (готовую страницу где можно посмотреть как должно) на такую же страницу (тему) твоего форума, чтобы сократить время поиска и собственно сам плагин или ссылка на него откуда качал, потому что возможно делать придется модификацию в плагине (предположительно) и дальше я буду смотреть, насколько сложно это сделать, будет все бесплатно, если я справлюсь. Кнопку посмотрю какую можно сделать, решение выложу тут. Все данные мне в ЛС кинь пожалуйста.
Вот готовый вариант для кнопки моргающей (цвет зеленый по форум):
PHP: 
#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;
    }
}
 
Последнее редактирование:
За 0 Против
Кое что не учел когда меню разворачивается другие классы вот конечный вариант будет:
Код: 
#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; }
        }
Вставляя не теряй ковычки и запятые иначе не будет нечего работать.
 
За 0 Против
xsasha сказал(а):
Кое что не учел когда меню разворачивается другие классы вот конечный вариант будет:
Код: 
#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; }
        }
Вставляя не теряй ковычки и запятые иначе не будет нечего работать.
Нажмите, чтобы раскрыть...
получилось =) Спасибо!!!!
 
За 0 Против
Статус
Закрыто для дальнейших ответов.
Назад
Верх Низ