CS-bg.info - форумът на CS-bg :: Counter-Strike фен сайт

[PHPBB3] Animated Progress Bar

Каталог на готовите системи за управление на съдържанието (Content Management System) - e107, Joomla, Drupal, Wordpress, phpFusion.

Модератори: Екип Програмиране, дизайн и проекти, Помощник-модератори

[PHPBB3] Animated Progress Bar

Мнениеот d3ath2435 » 05 Ное 2017, 15:33

Изображение

BBCode Usage: Select all
Код: Избери целия код
[progress]{NUMBER}[/progress]


HTML Replacement: Select all
Код: Избери целия код
<style> @-webkit-keyframes progress{to{background-position: 30px 0;}}@-moz-keyframes progress{to{background-position: 30px 0;}}@keyframes progress{to{background-position: 30px 0;}} </style><div style="display: inline-block; background-color: #282828; border-radius: 7px; box-shadow:inset 0px 0px 6px 2px rgba(255,255,255,.3); height: 17px; padding: 6px; width: 380px;"><div style="display: inline-block; height: 100%; width: {NUMBER}%; max-width: 100%; background-color: CornflowerBlue; border-radius: 3px;"><div style="width: 100%; height: 15px; border-radius: 20px; -webkit-animation: progress 1s linear infinite; -moz-animation: progress 1s linear infinite; animation: progress 1s linear infinite; background-repeat: repeat-x; background-size: 30px 30px; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);"></div></div></div>


Help Line: Select all
Код: Избери целия код
[progress]Number from 1 to 100[/progress]


След като създадете bbcode-а отваряте styles/your_style/theme/common.css и най-отдолу в кода поставяте:

Код: Избери целия код
@-webkit-keyframes progress {
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes progress {
    to {
        background-position: 30px 0;
    }
}

@keyframes progress {
    to {
        background-position: 30px 0;
    }
}


Източник - DGP-BG.COM
d3ath2435

Аватар
Потребител
Потребител
 
Регистриран на: 13 Мар 2012, 11:25
Skype: d3ath2435
Профил в Steam
[ Профил в сайта ]


Днес, 18 окт 2018, стартирахме новите CS 1.6 сървъри на един от най-старите проекти за Counter-Strike в България.
Ето че в края на този месец се навършват точно 10 години от официалното пускане на българския CS фен сайт.
ESEA имат удоволствието да обявят сезон 25 на своята лига, който ще включва повече дивизии за някои региони, както и редица подобрения базирани на обратната връзка от сезон 24.

Назад към CMS - каталог на готови системи

Кой е на линия

Потребители, разглеждащи този форум: Impressive.

Creative Commons License

Valve, Steam, поредицата Counter-Strike и логото на всяко от изброените са търговски марки и/или
регистрирани търговски марки на Valve Corporation. Всички други търговски марки са собственост на съответните им собственици.

Design: iVoka • Special thanks: VaRkOlAKA
За сайта | Екип | За реклама | Карта на сайта | За контакти

Powered by phpBB® Forum Software © phpBB Group | Theme by A1ex, edit by iVoka
Превод: Йоан Арнаудов | Корекции: Ивомир Петров
Условия за ползване | Политика на поверителност