Скрипты для сайта

Скрипты для сайта

Главная | Регистрация | Вход

Приветствую Вас Гость | RSS

Меню сайта

Теги HTML

Терминология языка HTML
Теги HTML по алфавиту
Теги HTML по типу
Уроки HTML начинающим

CSS

Введение в стили CSS
Параметры шрифта и фона
Отображения текста
Отступы,рамки и выделение
Параметры абзацев,списков
Параметры таблиц
Специальные селекторы

Реклама

Все для сайта

Все для графики
Меню и навигация
Слайдеры и слайдшоу
Кнопки и иконки
Tooltips
Аудио и видео плееры
Формы и таблицы

Оригинальный прелоадер


Оригинальный прелоадер Основной код CSS @-webkit-keyframes pulse { from { -webkit-box-shadow: 0 0 50px #fff;} 50% { -webkit-box-shadow: 0 0 100px #fff; } to { -webkit-box-shadow: 0 0 50px #fff;} } /* ------ general -----------------------------------------------/ html, body { padding:0; margin:0; } body { font-family:Arial, Helvetica, sans-serif; background: #187a95; color:#ff2400; } h1 { font-family: sans-serif; font-size:66px; text-align:center; font-weight:normal; width:1000px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -500px; text-shadow:3px 0 0 #aaa; } .end { position:absolute; top:50%; left:50%; width:600px; margin:-20px 0 0 -300px; text-align:center; font-family:sans-serif; font-size:30px; display:none; } .preloader { position:absolute; top:50%; left:50%; z-index:2; width:30px; height:30px; margin:-15px 0 0 -15px; background:rgba(0, 0, 0, .2); -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; -webkit-animation-name:pulse; -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite; } .preloader .percent { display:block; position:absolute; left:50%; bottom:-50px; width:100px; margin-left:-50px; text-align:center; font-family:'PT Sans Narrow', sans-serif; font-size:22px; color:#ff2400; } .preloader .circle { position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; background:#ff2400; opacity:0; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .preloader span { background:#ffF; position:absolute; width:10px; height:10px; } a { color:#eee; } JAVASCRIPT* <script type="text/javascript" src="http://samouchka-html.ucoz.ru/dlya-grafiki/effekty_s_foto/preloader/js/172min.js"></script> <script src="http://samouchka-html.ucoz.ru/dlya-grafiki/effekty_s_foto/preloader/js/jquery.easing.js"></script> <script src="http://samouchka-html.ucoz.ru/dlya-grafiki/effekty_s_foto/preloader/js/init.js" type="text/javascript"></script> Листинг <h1> Прелоадер </h1> <div class="preloader"> <div class="circle"></div> <div class="percent">0%</div> </div> <div class="end"> Спасибо за ваше ожидание! </div> Предпросмотр Скачать

Заработай сейчас!

Заработай сейчас

Навигация по сайту

Поиск по сайту

Друзья сайта

Самоучитель html
Все для веб-мастера
Музыка для души
Мир развлечений
Скачать кино бесплатно!
Видеоклипы online

Хостинг от uCoz

Avon

Присоединяйтесь
к Avon