Изменить значёк прелоадера

Тема в разделе "Верстка", создана пользователем DataPro, 28 фев 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. DataPro

    DataPro Natapro

    Регистр.:
    21 авг 2009
    Сообщения:
    183
    Симпатии:
    69
    Здравствуйте, как изменить значек прелоадера, с квадрата, к примеру на картинку, на покерную фишку.
    демо : http://broadway.imarketing.in.ua/index-2.html
    немогу найти где это изменять.
    Вот исходники сайта
    http://broadway.imarketing.in.ua/gioss.rar

    Подскажите пожалуйста как это сделать ?
     
  2. Origami

    Origami Создатель

    Регистр.:
    31 мар 2013
    Сообщения:
    25
    Симпатии:
    10
    Это на чистом CSS
    Код:
    .spinner {
    width: 30px;
    height: 30px;
    background-color: #000;
    position: relative;
    top: 45%;
    margin: 0 auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    }
    style.css строка 69
     
  3. latteo

    latteo Эффективное использование PHP, MySQL

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.546
    Симпатии:
    1.418
    Пропиши как бекграунд картинку классу .spinner
    в файле \gioss\css\style.css на 69 строке:
    например так:
    HTML:
    
    .spinner {
    width: 50px;
    height: 50px;
    background: #000 url(../img/sprite.png) no-repeat -101px 6px;
    position:relative;
    top:45%;
    margin: 0 auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;
    }
    
    Вместо background-color: #000; добавлена строка background: #000 url(../img/sprite.png) no-repeat -101px 6px;
     
    Последнее редактирование: 28 фев 2014