Настройка дизайна - GamesApp

Для настройки дизайна сайта, используйте панель, которая открывается при нажатии на кнопку слева в самом низу - шестеренка.

Подбор цветовой гаммы

Следуйте инструкции ниже

Теперь необходимо открыть панель управления » файловый менеджер » css » файл style.css.

Нажмите CTRL + F, введите body,.app-view и вам уже должно показать один вариант.

Теперь замените существующее значение на новое, которые вы получили шагом раннее.

Настройка прозрачности иконок и текста

body,a,input, option, select, textarea {color:rgba(255,255,255,0.7) !important;} .item-news:before, .item-load:before, .item-publ:before, .item-other:before, .item-video:before, .item-games:before, .item-images:before, .item-setting:before, .button-info:before, .update-plus-news:before, .update-plus-load:before, .update-plus-publ:before, .update-plus-video:before, .update-plus-games:before, .update-plus-images:before,.logo,.button-auth, .button-chat, .button-mes, .button-update,.ico-time:before, .ico-reads:before, .ico-com:before, .ico-author:before, .ico-load:before,.news-image i span:before, .video-view i span:before,#left:hover .logo,.header-search input[type=submit],.com-add-button:before,.fid-reads:before,.fid-coms:before,.fid-rating:before,.fid-vote {opacity:0.7;} .header-search ::-webkit-input-placeholder {color:rgba(255,255,255,0.7) !important;} .header-search :-moz-placeholder {color:rgba(255,255,255,0.7) !important;} .header-search ::-moz-placeholder {color:rgba(255,255,255,0.7) !important;} .header-search :-ms-input-placeholder {color:rgba(255,255,255,0.7) !important;} .button-addnew {color:rgba(255,255,255,1) !important;}

В данном примере выставлено значение 0.7, просто замените его во всех случаях, кроме последнего на нужное (от 0 до 1). После чего вставьте в самый низ ваших стилей (/css/style.css).

Полная ширина сайта

Вставьте код, расположенный ниже в самый низ ваших стилей (/css/style.css). #app {max-width:100%;} .app-view {width:100%;height:100%;top:0;} .pace {top:60px;height:calc(100% - 60px);width:100%;max-width:100%;} .pace:before {width:calc(100% - 60px);left:60px;}

Смена буквы в логотипе

Откройте стили сайта (/css/style.css), нажмите CTRL + F, введите content:'A';.

Должно отобразиться два варианта

Просто замените значение на новое.

Вывод категорий над контентом

Для того, чтобы скрыть вывод категории над контентом, вам необходимо в самый низ стилей вставить, следующее: .content-categories {display:none;}

Вывод информацию о материале

Чтобы скрыть большой блок информации справа, и вывести маленькие иконки, вставьте предоставленный код в самый низ стилей: .news-full .ico-reads,.news-full .ico-com {display:block;} .fid-prev {display:none;}