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


Помогите Поменять Всю Верхнюю Часть Сайта. Шаблон "весна"

весна шапка размер цвет

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

#41 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Май 2015 - 10:12

Просмотр сообщенияАндрей Горшенин (04 Май 2015 - 22:58) писал:

Огромное спасибо) А как сделать эффект при наведении (как у поиска и корзины) у значка доставки? И как сделать так, чтобы при наведении на (Бесплатная доставка) и (Интернет магазин №1) не выделялось красным цветом?
Здравствуйте.
В main.css найдите код
#dostavka a {
text-decoration: none;
}
и замените на

#dostavka a {
text-decoration: none;
color: #333333;
}
найдите
#logo a {
text-decoration: none;
}
и замените на
#logo a {
text-decoration: none;
color: #333333;
}
Так же в конец main.css добавьте
#dostavka a img:hover {
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
-o-transform: rotate(200deg);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}


#42 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 05 Май 2015 - 14:51

Просмотр сообщенияDanil (05 Май 2015 - 10:12) писал:

Здравствуйте.
В main.css найдите код
#dostavka a {
text-decoration: none;
}
и замените на

#dostavka a {
text-decoration: none;
color: #333333;
}
найдите
#logo a {
text-decoration: none;
}
и замените на
#logo a {
text-decoration: none;
color: #333333;
}
Так же в конец main.css добавьте
#dostavka a img:hover {
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
-o-transform: rotate(200deg);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

Спасибо) Все супер, только эффект немного не такой.
Аккаунт SL-342246
http://m88080.storeland.ru/

#43 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Май 2015 - 15:10

Просмотр сообщенияАндрей Горшенин (05 Май 2015 - 14:51) писал:

Спасибо) Все супер, только эффект немного не такой.
Аккаунт SL-342246
http://m88080.storeland.ru/
В main.css найдите код
#dostavka a img:hover {
-moz-transform: rotate(200deg);
		-ms-transform: rotate(200deg);
		-webkit-transform: rotate(200deg);
		-o-transform: rotate(200deg);
		transform: rotate(200deg);
  -o-transform: rotate(200deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
и замените его на


#dostavka a img:hover {
-moz-transform: rotate(200deg);
		-ms-transform: rotate(200deg);
		-webkit-transform: rotate(200deg);
		-o-transform: rotate(200deg);
		transform: rotate(200deg);
  -o-transform: rotate(200deg);
}
#dostavka a img {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}



#44 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 05 Май 2015 - 19:56

Просмотр сообщенияDanil (05 Май 2015 - 15:10) писал:

В main.css найдите код
#dostavka a img:hover {
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
-o-transform: rotate(200deg);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
и замените его на


#dostavka a img:hover {
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
-o-transform: rotate(200deg);
}
#dostavka a img {
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}

Спасибо) А как сделать так, чтобы при наведении на "Бесплатная доставка..." тоже крутился "значок доставки", а не только при наведении на него самого...

#45 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Май 2015 - 20:02

Просмотр сообщенияАндрей Горшенин (05 Май 2015 - 19:56) писал:

Спасибо) А как сделать так, чтобы при наведении на "Бесплатная доставка..." тоже крутился "значок доставки", а не только при наведении на него самого...
В main.css найдите код
#dostavka a img:hover {
-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

и замените на

#dostavka a:hover img {
-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				transform: rotate(360deg);
  -o-transform: rotate(360deg);
}


#46 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 05 Май 2015 - 23:22

Просмотр сообщенияDanil (05 Май 2015 - 20:02) писал:

В main.css найдите код
#dostavka a img:hover {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-o-transform: rotate(360deg);
}

и замените на

#dostavka a:hover img {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-o-transform: rotate(360deg);
}

Отлично) Огромное спасибо) Вроде все правильно, но крутится он как не так(. Простите за назойливость(...

#47 Vaccina

Vaccina

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

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

Отправлено 06 Май 2015 - 01:37

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

#48 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 02:01

Просмотр сообщенияVaccina (06 Май 2015 - 01:37) писал:

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

Простите, моя вина, все дело было в непропорциональности размера изображения.

#49 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 02:20

Здравствуйте, помогите пожалуйста изменить цвет при ведении в "Блок навигации" и размер шрифта в каталоге слева. http://m88080.storeland.ru/
Аккаунт SL-342246

#50 Vaccina

Vaccina

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

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

Отправлено 06 Май 2015 - 02:55

1. В main.css найдите:
#header .links a:hover, #header .links a.selected {
  background-color: #ffffff;
  padding: 11px 10px 9px;
}

измените значение фона background-color

2. В main.css найдите:
.accordion a {
  cursor: pointer;
  display: block;
  font-size: 11px;
  padding: 8px 10px 8px 20px;
  text-decoration: none;
}

увеличьте значение стиля font-size

#51 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 11:56

Просмотр сообщенияVaccina (06 Май 2015 - 02:55) писал:

1. В main.css найдите:
#header .links a:hover, #header .links a.selected {
background-color: #ffffff;
padding: 11px 10px 9px;
}

измените значение фона background-color

2. В main.css найдите:
.accordion a {
cursor: pointer;
display: block;
font-size: 11px;
padding: 8px 10px 8px 20px;
text-decoration: none;
}

увеличьте значение стиля font-size

Спасибо. А как изменить цвет при наведении в "Меню аккордеон" и чтобы в "Блок навигации" и "Меню-аккордеон" при наведении сам текст становился белым. И как изменить цвет корзины, и крестика в "Меню-аккордеон"? Спасибо...

#52 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Май 2015 - 12:05

Просмотр сообщенияАндрей Горшенин (06 Май 2015 - 11:56) писал:

Спасибо. А как изменить цвет при наведении в "Меню аккордеон" и чтобы в "Блок навигации" и "Меню-аккордеон" при наведении сам текст становился белым. И как изменить цвет корзины, и крестика в "Меню-аккордеон"? Спасибо...
В main.css найдите код
.box-category > ul > li > a:hover {
  background-color: #f1f1f1;
  padding: 10px 28px 10px 20px;
}
и замените на
.box-category > ul > li > a:hover {
  background-color: #f1f1f1;
  padding: 10px 28px 10px 20px;
  color: #F00;
}
изменяйте color(цвет при наведении в каталоге)
Так же найдите
#header .links a:hover, #header .links a.selected {
  background-color: #f74d17;
  padding: 11px 10px 9px 10px;
}
и замените на
#header .links a:hover, #header .links a.selected {
  background-color: #f74d17;
  padding: 11px 10px 9px 10px;
  color: #F00;
}
изменяйте color(цвет при наведении в меню)
Для крестика в конец main.css добавьте
.accordion li.active> em.open-close {
  background-color: #FF0;
}
.accordion em.open-close {
  background-color: #F00;
}
изменяйте background-color
Для корзины в конец main.css добавьте
#header #cart .cart_circle {
background-color: #F00;
}
изменяйте background-color

#53 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 17:32

Просмотр сообщенияDanil (06 Май 2015 - 12:05) писал:

В main.css найдите код
.box-category > ul > li > a:hover {
background-color: #f1f1f1;
padding: 10px 28px 10px 20px;
}
и замените на
.box-category > ul > li > a:hover {
background-color: #f1f1f1;
padding: 10px 28px 10px 20px;
color: #F00;
}
изменяйте color(цвет при наведении в каталоге)
Так же найдите
#header .links a:hover, #header .links a.selected {
background-color: #f74d17;
padding: 11px 10px 9px 10px;
}
и замените на
#header .links a:hover, #header .links a.selected {
background-color: #f74d17;
padding: 11px 10px 9px 10px;
color: #F00;
}
изменяйте color(цвет при наведении в меню)
Для крестика в конец main.css добавьте
.accordion li.active> em.open-close {
background-color: #FF0;
}
.accordion em.open-close {
background-color: #F00;
}
изменяйте background-color
Для корзины в конец main.css добавьте
#header #cart .cart_circle {
background-color: #F00;
}
изменяйте background-color

Спасибо) А как изменить цвет при ведении в "Меню-аккордеон" (Не текст)?

#54 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Май 2015 - 17:38

Просмотр сообщенияАндрей Горшенин (06 Май 2015 - 17:32) писал:

Спасибо) А как изменить цвет при ведении в "Меню-аккордеон" (Не текст)?
В инструкции из сообщения 52 изменяйте background-color.

#55 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 17:56

Просмотр сообщенияDanil (06 Май 2015 - 17:38) писал:

В инструкции из сообщения 52 изменяйте background-color.
Простите, не досмотрел(. Спасибо.

#56 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 18:26

Помогите пожалуйста исправить20150506_175755.png , чтобы не выходило за границы.
http://m88080.storeland.ru/
Аккаунт SL-342246

#57 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 06 Май 2015 - 18:35

Просмотр сообщенияАндрей Горшенин (06 Май 2015 - 18:26) писал:

Помогите пожалуйста исправитьПрикрепленный файл 20150506_175755.png, чтобы не выходило за границы.
http://m88080.storeland.ru/
Аккаунт SL-342246
В конец main.css добавьте
#header .links li:first-child a:hover{padding: 9px 10px 6px 10px;}
#header .links li:first-child a{padding: 9px 10px 6px 10px;}


#58 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 18:51

Просмотр сообщенияDanil (06 Май 2015 - 18:35) писал:

В конец main.css добавьте
#header .links li:first-child a:hover{padding: 9px 10px 6px 10px;}
#header .links li:first-child a{padding: 9px 10px 6px 10px;}
Спасибо большое) А как сделать вот так

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

  • Сохраненное изображение 2015-5-6_18-24-11.914.png


#59 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 06 Май 2015 - 18:53

Просмотр сообщенияАндрей Горшенин (06 Май 2015 - 18:51) писал:

Спасибо большое) А как сделать вот так
В шаблоне "Страница" код:

<div class="box">
  <h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
  <div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %} 
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>
 
  <!-- Короткое SEO-описание -->
  {% IF PAGE_SEO_DESCRIPTION_SHORT %}
	<div class="box-content htmlDataBlock">
	  {PAGE_SEO_DESCRIPTION_SHORT}
	</div>
  {% ENDIF %}
  <!-- END Короткое SEO-описание -->
 
  <!-- Полное SEO-описание -->
  {% IF PAGE_SEO_DESCRIPTION_LARGE %}
	<div class="box-content htmlDataBlock">
	  {PAGE_SEO_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Полное SEO-описание -->
</div>

замените на:

{% IFNOT index_page %}
  <div class="box">
	<h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
	<div class="box-content htmlDataBlock">
	  {% IF FORM_NOTICE %} 
		<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	  {% ENDIF %}
	  {PAGE_CONTENT}
	</div>
   
	<!-- Короткое SEO-описание -->
	{% IF PAGE_SEO_DESCRIPTION_SHORT %}
	  <div class="box-content htmlDataBlock">
		{PAGE_SEO_DESCRIPTION_SHORT}
	  </div>
	{% ENDIF %}
	<!-- END Короткое SEO-описание -->
   
	<!-- Полное SEO-описание -->
	{% IF PAGE_SEO_DESCRIPTION_LARGE %}
	  <div class="box-content htmlDataBlock">
		{PAGE_SEO_DESCRIPTION_LARGE}
	  </div>
	{% ENDIF %}
	<!-- END Полное SEO-описание -->
  </div>
{% ENDIF %}


#60 Андрей Горшенин

Андрей Горшенин

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

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

Отправлено 06 Май 2015 - 19:07

Просмотр сообщенияDars (06 Май 2015 - 18:53) писал:

В шаблоне "Страница" код:

<div class="box">
<h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
<div class="box-content htmlDataBlock">
{% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}
{PAGE_CONTENT}
</div>

<!-- Короткое SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_SHORT %}
<div class="box-content htmlDataBlock">
	 {PAGE_SEO_DESCRIPTION_SHORT}
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

<!-- Полное SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_LARGE %}
<div class="box-content htmlDataBlock">
	 {PAGE_SEO_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>

замените на:

{% IFNOT index_page %}
<div class="box">
<h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
<div class="box-content htmlDataBlock">
	 {% IF FORM_NOTICE %}
	 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	 {% ENDIF %}
	 {PAGE_CONTENT}
</div>

<!-- Короткое SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_SHORT %}
	 <div class="box-content htmlDataBlock">
	 {PAGE_SEO_DESCRIPTION_SHORT}
	 </div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

<!-- Полное SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_LARGE %}
	 <div class="box-content htmlDataBlock">
	 {PAGE_SEO_DESCRIPTION_LARGE}
	 </div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>
{% ENDIF %}

Огромное спасибо!!!
А возможно ли сделать вот такой подвал

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

  • ививи.jpg






Темы с аналогичным тегами весна шапка, размер, цвет

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

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