Разработка иконки загрузки
Нужно разработать код иконки загрузки на сайт: https://bestudio.kz/
Вместо красного колёсика (картинка прикреплена) нужно чтобы был логотип сайта (логотип прикреплён) и крутился только кружок (красный) что на логотипе и всё должно быть по центру!
(Используемый сейчас HTML-код:
<!-- preloader start -->
<div class="preloader-bg"></div>
<div id="preloader">
<div id="preloader-status">
<div class="preloader-position loader">
<span></span>
</div>
</div>
</div><!-- preloader end -->)
(Используемый сейчас CSS-код:
.preloader-bg {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}
#preloader {
position: fixed;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}
#preloader-status {
display: table-cell;
vertical-align: middle;
}
.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
-moz-animation: rotate 1s infinite linear;
-ms-animation: rotate 1s infinite linear;
-o-animation: rotate 1s infinite linear;
animation: rotate 1s infinite linear;
border: 3px solid rgba(255, 255, 255, .15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid #ff264a;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
Додатки 2
-
516 9 0 ===================
Здравствуйте, меня зовут Роман, занимаюсь версткой и разработкой сайтов на WordPRess 3 года и могу Вам помочь.
Заинтересовало ваше задание, делал уже такие проекты и все было успешно
Примеры работ можете посмотретьFreelancehunt
Работаю на качество и делаю заказ в срок также вношу правки после сдачи проекта/
…
Готов обсудить задания в личной переписке
Всегда на связи, отвечаю в течении 30 мин.
==================
---- Цена и сроки работы обсудим в переписке ----
-
209 2 0 Здравствуйте!
Очень интересное задание, вировнять прелоудер одна минута по времени, пару часов на разработку и анимирования логотипа, можно сделать поочередное появление липестков зрачка, будет виглидеть эфектно и оригинально
-
1141 37 3 3 Довольно непростая задача, есть по отдельности части иконки? Давайте обсудим, жду вашего сообщения.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Оптимізація швидкості сайту WordPress
5088 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 12 годин 26 хвилин тому ∙ 42 ставки |
Сверстати сайт і підв'язати його до Shopifyзверстати сайт і підв'язати його до shopify на макеті основна сторінка сторінки товарів не буде, буде модальне вікно з вибором обсягу баночки крему та його кількості після вікно доставки та оплати замовлення повинно йти в shopify з повною інформацією про замовлення… HTML та CSS верстання, Веб-програмування ∙ 15 годин 13 хвилин тому ∙ 56 ставок |
Оптимізація сайтуОптимізація сайту jdgreta.co.uk на Shopify. Сео аудит додано до проекту. Основні завдання - - Виправити всі мета дані - Виконати ТЗ для програміста (оскільки в цьому проекті поєднані завдання для програміста та СЕО, якщо ви не компанія - можете скористатися допомогою) -… HTML та CSS верстання, PHP ∙ 1 день 15 годин тому ∙ 30 ставок |
Перенос сайту на ShopifyПотрібно перенести поточний сайт jdfurniture.uk з OpenCart на платформу Shopify. Зараз сайт на OpenCart в цілому нас влаштовує за структурою та логікою роботи. Основна причина переносу — проблеми з платіжними системами. На Shopify таких проблем бути не повинно. Також для нас… HTML та CSS верстання, Веб-програмування ∙ 2 дні 9 годин тому ∙ 40 ставок |
Перенесення дизайну на WordPress
2000 UAH
Доброго дня! Потрібно перенести готовий дизайн односторінкового лендінгу на WordPress.Макет повністю готовий (Figma), дизайн розробляти не потрібно. Необхідно якісно зверстати сторінку, адаптувати під мобільні пристрої та налаштувати її на WordPress. Будь ласка, у відгуку… HTML та CSS верстання ∙ 2 дні 15 годин тому ∙ 105 ставок |