Изменить Цвет Перекрашивая Элементов Шапки
#1
Отправлено 22 Январь 2018 - 19:02
#2
Отправлено 22 Январь 2018 - 20:34
mrsimon90 (22 Январь 2018 - 19:02) писал:
Здравствуйте.
Для этого Вам необходимо в шаблоне main.css найти данный код:
#custommenu .mainnav li a:hover { color: #620337; }
И заменить его этим кодом:
#custommenu .mainnav li a:hover { color: #fa6dad; }
После чего там же найдите, пожалуйста, следующий код:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #620337; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
И замените его вот этим вот кодом:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #fa6dad; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
#4
Отправлено 23 Январь 2018 - 10:29
RayLi (22 Январь 2018 - 20:34) писал:
Для этого Вам необходимо в шаблоне main.css найти данный код:
#custommenu .mainnav li a:hover { color: #620337; }
И заменить его этим кодом:
#custommenu .mainnav li a:hover { color: #fa6dad; }
После чего там же найдите, пожалуйста, следующий код:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #620337; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
И замените его вот этим вот кодом:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #fa6dad; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
#5
Отправлено 23 Январь 2018 - 10:35
RayLi (22 Январь 2018 - 20:34) писал:
Для этого Вам необходимо в шаблоне main.css найти данный код:
#custommenu .mainnav li a:hover { color: #620337; }
И заменить его этим кодом:
#custommenu .mainnav li a:hover { color: #fa6dad; }
После чего там же найдите, пожалуйста, следующий код:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #620337; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
И замените его вот этим вот кодом:
#custommenu .mainnav > li > a:after { position: absolute; content: ""; background: #fa6dad; left: 0; top: 0; right: 0; line-height: 0; height: 4px; width: 4px; margin: auto; z-index: 9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s; transition: width 0.5s ease 0s, height 0.5s ease 0s; }
#6
Отправлено 23 Январь 2018 - 16:46
a:hover, a:active {outline:0;color: #a0461e;text-decoration:none;}
замените на:
a:hover, a:active {outline:0;color: #f76dad;text-decoration:none;}
далее найдите:
#breadcrumbs ul li a:hover {color: #620337;}
замените на:
#breadcrumbs ul li a:hover {color: #f76dad;}
далее найдите:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #1f1c1d;}
замените на:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #ec68a5;}
#7
Отправлено 23 Январь 2018 - 18:33
metry (23 Январь 2018 - 16:46) писал:
a:hover, a:active {outline:0;color: #a0461e;text-decoration:none;}
замените на:
a:hover, a:active {outline:0;color: #f76dad;text-decoration:none;}
далее найдите:
#breadcrumbs ul li a:hover {color: #620337;}
замените на:
#breadcrumbs ul li a:hover {color: #f76dad;}
далее найдите:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #1f1c1d;}
замените на:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #ec68a5;}
#8
Отправлено 23 Январь 2018 - 21:20
metry (23 Январь 2018 - 16:46) писал:
a:hover, a:active {outline:0;color: #a0461e;text-decoration:none;}
замените на:
a:hover, a:active {outline:0;color: #f76dad;text-decoration:none;}
далее найдите:
#breadcrumbs ul li a:hover {color: #620337;}
замените на:
#breadcrumbs ul li a:hover {color: #f76dad;}
далее найдите:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #1f1c1d;}
замените на:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #ec68a5;}
metry (23 Январь 2018 - 16:46) писал:
a:hover, a:active {outline:0;color: #a0461e;text-decoration:none;}
замените на:
a:hover, a:active {outline:0;color: #f76dad;text-decoration:none;}
далее найдите:
#breadcrumbs ul li a:hover {color: #620337;}
замените на:
#breadcrumbs ul li a:hover {color: #f76dad;}
далее найдите:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #1f1c1d;}
замените на:
.col-left .block .content ul li a.active, .col-left .block .content > ul > li ul > li > a:hover {color: #ec68a5;}
#10
Отправлено 30 Январь 2018 - 13:55
mrsimon90 (23 Январь 2018 - 18:33) писал:
#11
Отправлено 05 Февраль 2018 - 16:29
Stasya (30 Январь 2018 - 13:55) писал:
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных