« Делаем собственный стиль под Cookie для uCoz »

Описание материала:

Сегодня мы решили предоставить всем пользователям сайтов на uCoz, собственный стиль под Cookie. За основу был взяты оригинальные class `ы uCoz, но с подключением !important, чтоб наши стили имели приоритет и выводились на всех страницах сайта. Основной цвет формы темно-серый с небольшой прозрачностью, цвет текста бежевый. Цвет кнопки бежевый, а текст в ней темно-серый. Если честно особо описывать её смысла нет, так как все видно на скриншоте к материалу.

Возможно где-то в интернете уже есть данный материал, но в данный момент был сделан автором этого материала, а именно администратором нашего сайта YaVi.

Установка:

Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и ставим туда данный стиль:

Код
/* Собственный стиль под Cookie для uCoz */
.bottom-info-wrapper {
  position: fixed!important;
  left: 0!important;
  right: 0!important;
  bottom: 0!important;
  margin: 0!important;
  z-index: 999999!important;
  color: #f3be81!important; /* цвет текста */
  background: #393939e0!important; /* цвет фона */
  font-size: 15px!important; /* размер шрифта */
  font-family: Cuprum!important; /* шрифт */
}
.bottom-info-wrapper .bottom-info-block {
  display: flex!important;
  justify-content: space-between!important;
  align-items: center!important;
  margin: 10px 15px!important;
}
.bottom-info-wrapper .bottom-info-block-action {
  display: flex!important;
}
.bottom-info-wrapper .bottom-info-button-agree {
  font: 700 1.0em/2 sans-serif!important;
  color: #393939!important; /* цвет текста в кнопке */
  border-radius: 5px!important;
  padding: 1px 10px 0!important;
  text-decoration: none!important;
  text-transform: uppercase!important;
  display: inline-block!important;
  background: #f3be81!important; /* цвет кнопки */
  font-family: Cuprum!important; /* шрифт в кнопке */
}
/* uFive.Ru */


Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Блог | Просмотров: 98

Теги к материалу: Cookie, для, Собственный, ucoz, стиль, css, под, делаем

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев: 0
avatar