Настройка индивидуального цвета - PeopleLife

Все инструкции Инструкции к PeopleLife

Для того, чтобы настроить индивидуальный цвет, перейдите на тестовый сайт - открыть, откройте выдвижную панель и подберите цвет.

После чего, нажимаем правой кнопкой мыши по тому же самому квадрату для выбора цвета и выбираем пункт "Посмотреть код".

Перед нами появляется средства разработчика, снизу, либо с боку. Нам необходимо значение

Откройте новую вкладку, зайдите в вашу Панель управления » Файловый менеджер » CSS » откройте файл style.css, спуститесь в самый низ и вставьте следующее

.search-view,.top-news-inf,.search-view input[type=text],.top-full-modules span,.header-menu li:hover a,.bottom-links a,.bottom-rnd-post span,.lite-design span,.top-fi-create,.video-list-view {background-color:rgba(255,255,255,0.2) !important;}
footer h5 {border-bottom:solid 2px rgba(255,255,255,0.5) !important;}
.top a,.top {color:rgba(255,255,255,0.8) !important;}
.rnd-news-cat,.rnd-news-time,.video-list-image span,.video-list-info .news-stat-date {opacity:0.7;}
.header-menu ul .max-menu a {background:none !important;}
.header-menu ul .max-menu {border-top:solid 1px rgba(255,255,255,0.2) !important;}
@media screen and (max-width:1000px) {
.header-menu ul,header a#pull {border:none !important;}
.header-menu a {border-bottom:solid 2px rgba(255,255,255,0.2) !important;}
}
.logo,.top a,.top,.header-menu a,.search-view input[type=text],.rnd-news-cat,.rnd-news-time,.rnd-news-title a,footer,footer a,.news-view-image span,.brief-view-image span,.home-blog-photo span,.home-video-cat a,.photo-view-catname,.header-menu ul ul a,.top-fi-create,.header-menu ul ul,.video-list-image span,.video-list-info a,.video-list-view .news-stat-date,.video-length,.user-social-nick,.user-social-nick a {color:#fff !important;}
.search-view ::-webkit-input-placeholder {color:#fff !important;}
.search-view :-moz-placeholder {color:#fff !important;}
.search-view ::-moz-placeholder {color:#fff !important;}
.search-view :-ms-input-placeholder {color:#fff !important;}
.top-links-auth,.top-links-reg,.top-links-pm,.top-links-pmnew,.soc-vk,.soc-fb,.soc-twitter,.soc-youtube,.soc-rss,.search-view input[type=submit],.next-slide,.play,.pause,.hv-play,.video-full-player .vep-playbutton,.video-view-image i,.photo-see-full i,.photo-go-full i,.rnd-news .rnd-news-time i,.video-list-view .news-stat-date i {background:url(/images/icons-white.png) !important;}
.top-links-reg {background-position:-14px -50px !important;}
.soc-vk,.soc-fb,.soc-twitter,.soc-youtube,.soc-rss {background-position:0 -4px !important;}
.soc-fb {background-position:-35px 0 !important;;}
.soc-twitter {background-position:-50px -3px !important;}
.soc-youtube {background-position:-75px 0px !important;}
.soc-rss {background-position:-100px 0px !important;}
.search-view input[type=submit]{background-position:-16px -22px !important;}
.next-slide {background-position:-45px -25px !important;}
.play {background-position:-98px -24px !important;}
.pause {background-position:-82px -24px !important;} 
.hv-play {background-position:-1px -67px !important;}
.video-full-player .vep-playbutton {background-position:-1px -67px !important;}
.video-view-image i {background-position: -1px -67px !important;}
.photo-see-full i {background-position:-34px -68px !important;}
.photo-go-full i {background-position:-65px -71px !important;}
.top-links-pm,.top-links-pmnew {background-position:-32px -50px !important;}
.top-links-auth {background-position:0 -50px !important;}
.rnd-news .rnd-news-time i {background-position: 0 -21px !important;}
.video-list-view .news-stat-date i {background-position: -72px -50px !important;}

И еще немного ниже

Теперь вернитесь к тому моменту, где у вас указан выбранный цвет и замените в последнем отрезке, который вставляли "rgb(164, 166, 133)" на свое значение, должно быть 5 изменений.

Сохраните результат.

Предыдущий шаг Следующая шаг