HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > Общие вопросы программирования
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

  #1  
Старый 05.07.2019, 20:09
Necessary)
Постоянный
Регистрация: 11.06.2018
Сообщений: 870
С нами: 4170300

Репутация: 118


По умолчанию

Можно-ли такое сделать?

Я запарилмя с этим css и js,гн могу их настроить
 
Ответить с цитированием

  #2  
Старый 16.07.2019, 05:07
Hatrig
Познающий
Регистрация: 23.05.2013
Сообщений: 38
С нами: 6826908

Репутация: 73
По умолчанию

Привет, прелоадер можно сделать так:

HTML:





Код:
 -->

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.canvas{position:absolute;margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loader-logo{display:block;width:120px;margin-bottom:25px}
.spinner{animation:spinner 1s linear infinite;border:solid 5px transparent;border-top:solid 5px #5d5386;border-radius:100%;width:60px;height:60px;margin:0 auto}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:.85rem;border-left:.25rem solid #eceeef}

Тут может быть пикча (o-o)

Кукусики


Как работает:



Архив с HTML и двумя JS я прикрепил к ответу. Удачи
 
Ответить с цитированием

  #3  
Старый 16.07.2019, 05:08
Necessary)
Постоянный
Регистрация: 11.06.2018
Сообщений: 870
С нами: 4170300

Репутация: 118


По умолчанию

Цитата:
Сообщение от Fermin  

Привет, прелоадер можно сделать так:

HTML:





Код:
 -->

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.canvas{position:absolute;margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loader-logo{display:block;width:120px;margin-bottom:25px}
.spinner{animation:spinner 1s linear infinite;border:solid 5px transparent;border-top:solid 5px #5d5386;border-radius:100%;width:60px;height:60px;margin:0 auto}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:.85rem;border-left:.25rem solid #eceeef}

Тут может быть пикча (o-o)

Кукусики


Как работает:

Архив с HTML и двумя JS я прикрепил к ответу. Удачи
Опробую.

Цитата:
Сообщение от Fermin  

Привет, прелоадер можно сделать так:

HTML:





Код:
 -->

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.canvas{position:absolute;margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loader-logo{display:block;width:120px;margin-bottom:25px}
.spinner{animation:spinner 1s linear infinite;border:solid 5px transparent;border-top:solid 5px #5d5386;border-radius:100%;width:60px;height:60px;margin:0 auto}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:.85rem;border-left:.25rem solid #eceeef}

Тут может быть пикча (o-o)

Кукусики


Как работает:

Архив с HTML и двумя JS я прикрепил к ответу. Удачи
Я не иогу поставить(

Цитата:
Сообщение от Fermin  

Привет, прелоадер можно сделать так:

HTML:





Код:
 -->

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.canvas{position:absolute;margin:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.loader-logo{display:block;width:120px;margin-bottom:25px}
.spinner{animation:spinner 1s linear infinite;border:solid 5px transparent;border-top:solid 5px #5d5386;border-radius:100%;width:60px;height:60px;margin:0 auto}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.blockquote{padding:.5rem 1rem;margin-bottom:1rem;font-size:.85rem;border-left:.25rem solid #eceeef}

Тут может быть пикча (o-o)

Кукусики


Как работает:

Архив с HTML и двумя JS я прикрепил к ответу. Удачи
Я не иогу поставить(
 
Ответить с цитированием

  #4  
Старый 16.07.2019, 19:47
Hatrig
Познающий
Регистрация: 23.05.2013
Сообщений: 38
С нами: 6826908

Репутация: 73
По умолчанию

В чем испытываешь сложность?
 
Ответить с цитированием

  #5  
Старый 18.07.2019, 15:22
Necessary)
Постоянный
Регистрация: 11.06.2018
Сообщений: 870
С нами: 4170300

Репутация: 118


По умолчанию

Цитата:
Сообщение от Fermin  

В чем испытываешь сложность?
Я уже все сделал без прелоада,точнее он есть но его нету)

Спасибо.
 
Ответить с цитированием
Ответ



Предыдущая тема Следующая тема

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.