Сегодня познакомлю вас с обалденными 3D эффектами для прогресс баров.Можно использовать для голосований, индикаторов загрузки. Они довольно эффектны и обращают внимание на себя.Установка проста .
Итак приступим.
1. Скачиваем исходник Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
,распаковываем и заливаем стили component.css и custom-bars.css в папку со стилями вашего шаблона.
2. Подключаем стили в хеад main.tpl
Код:
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/custom-bars.css" />
Код:
<div class="progress-bar">
<div class="bar has-rotation has-colors navy ruler" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" id="bar-0_0">
<div class="tooltip white"></div>
<div class="bar-face face-position roof percentage"></div>
<div class="bar-face face-position back percentage"></div>
<div class="bar-face face-position floor percentage volume-lights"></div>
<div class="bar-face face-position left"></div>
<div class="bar-face face-position right"></div>
<div class="bar-face face-position front percentage volume-lights shine"></div>
</div>
</div>
Можешь почитать и вот эту статейку "Бегущая строка на Jquery с эффектом набора текста"
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
- Карта сайта
- Интерфейс [123]
- Эффекты с изображениями [27]
- Эффекты с текстом и ссылками [30]
- Меню и навигация [38]
- Слайдшоу и анимация [26]
- Tooltips [9]
- Диалоги, overlay и lightbox [40]
- Время, дата, календарь [11]
- Кнопки и иконки [29]
- Палитра цветов [6]
- Варианты рейтинга [6]
- Флэшки [7]
- Верстка [13]
- HTML5 [78]
- htaccess [15]
- Таблицы [3]
- CSS [74]
- html [85]
- JS [97]
- TWIG [39]
- Настройка плагинов [29]
- Софт Вебмастеру [10]
- Онлайн сервисы [7]
- Разное [62]
- База данных SQL [4]
Ваше мнение
Какой поисковой системой пользуетесь?