Перейти к содержимому


Изменить Цвет Перекрашивая Элементов Шапки


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 22 Январь 2018 - 19:02

Здравствуйте! Подскажите как изменить цвет когда наводишь курсором на кнопки меню шапки? Сейчас при наведении цвет меняется на очень темно розовый, а надо что бы цвет был как в логотипе буква "G" Шаблон рассвет аккаунт SL-404966 (навигация по сайту (Главная-Модели-Юноши, например) тоже надо изменить цвет на тот же при наведении) Спасибо!

#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 857 сообщений

Отправлено 22 Январь 2018 - 20:34

Просмотр сообщенияmrsimon90 (22 Январь 2018 - 19:02) писал:

Здравствуйте! Подскажите как изменить цвет когда наводишь курсором на кнопки меню шапки? Сейчас при наведении цвет меняется на очень темно розовый, а надо что бы цвет был как в логотипе буква "G" Шаблон рассвет аккаунт SL-404966 (навигация по сайту (Главная-Модели-Юноши, например) тоже надо изменить цвет на тот же при наведении) Спасибо!

Здравствуйте.
Для этого Вам необходимо в шаблоне 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;
}


#3 Vilenskiy85

Vilenskiy85

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 257 сообщений
  • ГородСтерлитамак

Отправлено 23 Январь 2018 - 08:42

Добрый день! подскажите как поменять цвета. приложение 1 мой сайт, приложение 2 те цвета и концепция которую я хочу получить?

Прикрепленные изображения

  • 1.jpg
  • 2.jpg


#4 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 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 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 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 metry

metry

    Активный участник

  • Модераторы
  • 585 сообщений

Отправлено 23 Январь 2018 - 16:46

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

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 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 23 Январь 2018 - 18:33

Просмотр сообщенияmetry (23 Январь 2018 - 16:46) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

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 Vilenskiy85

Vilenskiy85

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 257 сообщений
  • ГородСтерлитамак

Отправлено 23 Январь 2018 - 21:20

Просмотр сообщенияmetry (23 Январь 2018 - 16:46) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

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) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

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;}
а где мне в итоге писать, что бы мои вопросы не оставались без внимания?

#9 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 24 Январь 2018 - 11:03

Просмотр сообщенияVilenskiy85 (23 Январь 2018 - 21:20) писал:

а на мои вопросы кто нить ответит?

а где мне в итоге писать, что бы мои вопросы не оставались без внимания?
я думаю что нужно создавать свою тему, и тогда откликнутся

#10 Stasya

Stasya

    Активный участник

  • Модераторы
  • 4 007 сообщений

Отправлено 30 Январь 2018 - 13:55

Просмотр сообщенияmrsimon90 (23 Январь 2018 - 18:33) писал:

все сделал, но кнопки соц сетей в шапке так же не изменили цвет
Здравствуйте. Простите за длительное ожидание ответа. Сейчас у Вас кнопки соц.сетей в шапке белые, а при наведении розовые. Скажите, пожалуйста, это ли Вы хотели сделать? Если нет, то уточните, пожалуйста, какой цвет и когда должен быть.

#11 mrsimon90

mrsimon90

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 50 сообщений

Отправлено 05 Февраль 2018 - 16:29

Просмотр сообщенияStasya (30 Январь 2018 - 13:55) писал:

Здравствуйте. Простите за длительное ожидание ответа. Сейчас у Вас кнопки соц.сетей в шапке белые, а при наведении розовые. Скажите, пожалуйста, это ли Вы хотели сделать? Если нет, то уточните, пожалуйста, какой цвет и когда должен быть.
решил этот вопрос на другой странице форума, сейчас кнопки нужного цвета




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных