Как изменить данную иконку?

голоса: 0

Адрес сайта http://kinonavecher.usite.pro/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0

прочитайте инструкцию по изменению шаблона https://www.ucoz.ru/help/templates/design-1726

если хотите отредактировать сам квадрат, то в таблице стилей строчки отвечают за вид квадрата

span.site-n:before {
    background: none repeat scroll 0 0 rgb(33, 33, 33);
    border: 2px solid rgb(255, 255, 255);
    content: "";
    display: block;
    height: 12px;
    left: -40px;
    outline: 17px solid rgb(33, 33, 33);
    position: absolute;
    top: calc(50% - 8px);
    width: 12px;
}
| Автор:
Редактирование | | Автор: Yuri_Geruk
Мне нужно его совсем изменить на другой логотип, и оставить текс
Danil Volkov,

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла http://kinonavecher.usite.pro/.s/src/css/1726.css - Сохранить. После стили в строке 63:

span.site-n:before{display:block;width:12px;height:12px;background:#212121;content:'';border:2px solid #fff;outline:17px solid #212121;position:absolute;left:-40px;top:calc(50% - 8px)}

заменить на подобные:

span.site-n:before{display:block;width: 150px;height: 150px;background:url('ссылка на фото логотипа)no-repeat;content:'';position:absolute;left: -170px;top: calc(-50% - 8px);}

  1. вставите свою ссылку на фото логотипа вместо текста в стилях выше
  2. Далее вместо 150 пропишите ширину и высоту вашего логотипа
  3. -170 - это отступ логотипа от текста в шапке, отрегулируете под себя
  4. -50 - это отступ логотипа к верхней части шапки сайта, то есть если 50 заменить на 0, логотип опустится вниз, отрегулируете данное значение после установки своего фото логотипа.
Yuri_Geruk,
СПАСИБО БОЛЬШОЕ
...