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


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

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

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

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

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

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

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

Отправлено 29 Апрель 2015 - 10:03

Спасибо, все получилось)
А как убрать подчеркивание с "Интернет магазин №1 в Ставрополе!" ?.
И изменить шрифт у "Заказать звонок" и сделать "жирным" "222-222" ?
И последнее, как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?
Аккаунт SL-342246
http://m88080.storeland.ru/

#22 Firefly

Firefly

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

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

Отправлено 29 Апрель 2015 - 11:51

Просмотр сообщенияАндрей Горшенин (29 Апрель 2015 - 10:03) писал:

Спасибо, все получилось)
А как убрать подчеркивание с "Интернет магазин №1 в Ставрополе!" ?.
И изменить шрифт у "Заказать звонок" и сделать "жирным" "222-222" ?
И последнее, как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?
Аккаунт SL-342246
http://m88080.storeland.ru/

Здравствуйте.

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и в самом конце вставьте код:
#logo a {
  text-decoration: none;
}

2. Чтобы сделать жирным шрифт у "Заказать звонок" и "222-222" в main.css найдите код:
#header #support a.callback p{
  color: #000;
  text-align:center;
}
#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
}

Замените на:
#header #support a.callback p{
  color: #000;
  text-align:center;
  font-weight: bold;
}
#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
  font-weight: bold;
}


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

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

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

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

Отправлено 29 Апрель 2015 - 19:26

Спасибо. А как сделать "Заказать звонок" таким же шрифтом, и размером как и "Покупок 0 - на сумму 0 рублей" а "222-222" таким же как "Корзина покупок" ?
И как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?.

#24 Firefly

Firefly

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

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

Отправлено 29 Апрель 2015 - 20:23

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

Спасибо. А как сделать "Заказать звонок" таким же шрифтом, и размером как и "Покупок 0 - на сумму 0 рублей" а "222-222" таким же как "Корзина покупок" ?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #support a.callback p{
color: #000;
text-align:center;
font-weight: bold;
}
#header #support a.callback p {
color: #000;
text-align: center;
margin-right: 38px;
font-weight: bold;
}

Замените на:
#header #support a.callback p {
color: #000;
text-align: center;
}

Найдите код:
#header #support a, #header #support a:hover{color: #fff;text-decoration: none;}

Замените на:
#header #support a, #header #support a:hover{text-decoration: none;}

Найдите код:
#header #support {
position: relative;
float: right;
top: 18px;
margin-right: 11px;
z-index: 30;
width: 210px;
}

Замените на:
#header #support {
position: relative;
float: right;
top: 18px;
margin-right: 11px;
z-index: 30;
width: 210px;
text-align: center;
}

В самом конце main.css вставьте код:
.contacts {
font-family: 'Ubuntu Condensed';
font-size: 15px;
font-weight: bold;
}


#25 Alekseys

Alekseys

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

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

Отправлено 29 Апрель 2015 - 20:31

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

Спасибо. А как сделать "Заказать звонок" таким же шрифтом, и размером как и "Покупок 0 - на сумму 0 рублей" а "222-222" таким же как "Корзина покупок" ?
И как между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку?.
Здравствуйте. В шаблоне HTML замените
<p>Заказать звонок</p> <p>222 222</p>
на
<p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p>
и в main.css замените
#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
  font-weight: bold;
}
на
#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
  font-weight: bold;
  font-size: 15px;
}


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

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

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

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

Отправлено 29 Апрель 2015 - 22:48

Спасибо) но "Заказать звонок" и "Покупок 0 на сумму 0 рублей" разные ((. И как "Заказать звонок" и "222-222" подвинуть к "телефону" как у корзины?
Аккаунт SL-342246
http://m88080.storeland.ru/

#27 Vaccina

Vaccina

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

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

Отправлено 30 Апрель 2015 - 02:08

В main.css найдите:
#header #support {
  float: right;
  margin-right: 11px;
  position: relative;
  top: 18px;
  width: 210px;
  z-index: 30;
}
замените на:
#header #support {
  float: right;
  margin-right: 11px;
  position: relative;
  top: 18px;
  width: 170px;
  z-index: 30;
}
.heading span#cart-total {
  font: 15px Trebuchet MS;
}


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

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

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

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

Отправлено 30 Апрель 2015 - 14:46

Спасибо)) Помогите пожалуйста между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку))

#29 Firefly

Firefly

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

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

Отправлено 30 Апрель 2015 - 15:09

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

Спасибо)) Помогите пожалуйста между логотипом и "заказать звонок" сделать надпись "бесплатная доставка по городу" и рядом картинку))

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div class="clear"></div>
							 </div>
						 </div>
					 {% ENDIF %}
				 <div class="clear"></div>

Замените на:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt="">
<p style="text-align: center;">Бесплатная доставка по городу</p></a></div>
<div class="clear"></div>
							 </div>
						 </div>
					 {% ENDIF %}
				 <div class="clear"></div>

Вместо "ссылка на картинку" вставьте ссылку на изображение. Размер изображения должен быть размером 255x63, как у логотипа.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css и вставьте в конце код:
#dostavka {
float: right;
margin: 12px 75px;
}
#dostavka a {
text-decoration: none;
}


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

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

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

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

Отправлено 30 Апрель 2015 - 15:42

Спасибо) А какой размер картинки нужен, чтобы был такой же как и "телефон, поиск и корзина"? И как сделать, чтобы при нажатии на картинку открывалась страница "Доставка" ?
Аккаунт SL-342246
http://m88080.storeland.ru/

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

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

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

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

Отправлено 30 Апрель 2015 - 15:56

Получилось не очень (( Текста не видно( Сохраненное изображение 2015-4-30_15-53-35.960.jpg

#32 Firefly

Firefly

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

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

Отправлено 30 Апрель 2015 - 16:06

Просмотр сообщенияАндрей Горшенин (30 Апрель 2015 - 15:42) писал:

Спасибо) А какой размер картинки нужен, чтобы был такой же как и "телефон, поиск и корзина"? И как сделать, чтобы при нажатии на картинку открывалась страница "Доставка" ?
Аккаунт SL-342246
http://m88080.storeland.ru/
Прошу прощения, не совсем корректно разместился блок.

В шаблоне HTML найдите код:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt="">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
<div class="clear"></div>
														 </div>
												 </div>
										 {% ENDIF %}
								 <div class="clear"></div>

Замените на:
<div class="clear"></div>
														 </div>
												 </div>
<div id="dostavka"><a href="/page/Доставка"><img src="ссылка на картинку" title="Доставка">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
										 {% ENDIF %}
								 <div class="clear"></div>

Ссылка на страницу "Доставка" добавлена в код.
Осталось добавить ссылку на картинку.
Размер иконок "Заказать звонок" и "Корзина" 36 x 36px.

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

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

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

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

Отправлено 30 Апрель 2015 - 16:49

Просмотр сообщенияFirefly (30 Апрель 2015 - 16:06) писал:

Прошу прощения, не совсем корректно разместился блок.

В шаблоне HTML найдите код:
<div id="dostavka"><a href="http://{NET_DOMAIN}/"><img src="ссылка на картинку" title="" alt="">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
<div class="clear"></div>
														 </div>
												 </div>
										 {% ENDIF %}
								 <div class="clear"></div>

Замените на:
<div class="clear"></div>
														 </div>
												 </div>
<div id="dostavka"><a href="/page/Доставка"><img src="ссылка на картинку" title="Доставка">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>
										 {% ENDIF %}
								 <div class="clear"></div>

Ссылка на страницу "Доставка" добавлена в код.
Осталось добавить ссылку на картинку.
Размер иконок "Заказать звонок" и "Корзина" 36 x 36px.

Огромное спасибо)) Помогите еще пожалуйста сделать вот так 555555.jpg . И все (Заказать звонок, Бесплатная доставка) сделать таким же шрифтом и толщиной как "Корзина покупок", а "Покупок 0 - на сумму 0 рублей" оставить как есть.

#34 Cupuyc

Cupuyc

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

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

Отправлено 30 Апрель 2015 - 17:05

Просмотр сообщенияАндрей Горшенин (30 Апрель 2015 - 16:49) писал:

Огромное спасибо)) Помогите еще пожалуйста сделать вот так Прикрепленный файл 555555.jpg. И все (Заказать звонок, Бесплатная доставка) сделать таким же шрифтом и толщиной как "Корзина покупок", а "Покупок 0 - на сумму 0 рублей" оставить как есть.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>

Замените его на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
							   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>

Замените его на:
							   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit; font-weight: bold;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>


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

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

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

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

Отправлено 30 Апрель 2015 - 17:31

Просмотр сообщенияCupuyc (30 Апрель 2015 - 17:05) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;">Бесплатная доставка по Ставрополю</p></a></div>

Замените его на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
							 <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>

Замените его на:
							 <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><p style="font-weight: inherit; font-weight: bold;">Заказать звонок</p> <p style="font-family: 'Ubuntu Condensed';">222 222</p><span class="sup_phone"></span></a>

Не получилось( Как сделать такой же шрифт, размер, цвет и т.д как у "Корзина покупок"??? Просто сейчас они все какие то разные(((((((

#36 Dars

Dars

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

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

Отправлено 30 Апрель 2015 - 18:15

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

Не получилось( Как сделать такой же шрифт, размер, цвет и т.д как у "Корзина покупок"??? Просто сейчас они все какие то разные(((((((
В main.css код:

#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
  font-weight: none;
  font-size: 15px;
}

замените на:

#header #support a.callback p {
  color: #000;
  text-align: center;
  margin-right: 38px;
  font-family: 'Ubuntu Condensed';
  font-weight: none;
  font-size: 15px;
}

Туда же добавьте:

.callback p {font-size: 15px;font-family: 'Ubuntu Condensed';}


#37 Firefly

Firefly

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

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

Отправлено 30 Апрель 2015 - 20:35

Просмотр сообщенияАндрей Горшенин (30 Апрель 2015 - 16:49) писал:

Огромное спасибо)) Помогите еще пожалуйста сделать вот так Прикрепленный файл 555555.jpg. И все (Заказать звонок, Бесплатная доставка) сделать таким же шрифтом и толщиной как "Корзина покупок", а "Покупок 0 - на сумму 0 рублей" оставить как есть.

Немного подправил Вам внешний вид элемента "Бесплатная доставка". Теперь будет выглядеть, как и 2 элемента справа.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#dostavka {
float: right;
margin: 12px 75px;
}

Замените на:
#dostavka {
float: right;
margin-right: 30px;
min-width: 190px;
text-align: center;
}

Добавьте в самом конце main.css код:
#dostavka a img {
margin-top: 16px;
float: right;
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>

Замените на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="margin-top: 16px;font-weight: bold;">Бесплатная доставка</p>
<p style="font-weight: bold;">по Ставрополю</p></a></div>


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

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

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

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

Отправлено 30 Апрель 2015 - 21:16

Просмотр сообщенияFirefly (30 Апрель 2015 - 20:35) писал:

Немного подправил Вам внешний вид элемента "Бесплатная доставка". Теперь будет выглядеть, как и 2 элемента справа.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#dostavka {
float: right;
margin: 12px 75px;
}

Замените на:
#dostavka {
float: right;
margin-right: 30px;
min-width: 190px;
text-align: center;
}

Добавьте в самом конце main.css код:
#dostavka a img {
margin-top: 16px;
float: right;
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="text-align: center;font-weight: bold;">Бесплатная доставка по Ставрополю</p></a></div>

Замените на:
<div id="dostavka"><a href="/page/Доставка"><img src="{ASSETS_IMAGES_PATH}dostavka.png" title="Доставка">
<p style="margin-top: 16px;font-weight: bold;">Бесплатная доставка</p>
<p style="font-weight: bold;">по Ставрополю</p></a></div>

Получилось все равно не так((Сохраненное изображение 2015-4-30_21-8-59.168.jpg
Хотелось бы вот так 656656565.jpg

#39 Vaccina

Vaccina

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

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

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

У вас отсутствует изменение:
#dostavka a img {
margin-top: 16px;
float: right;
}

вставьте данный блок в main.css, если же он добавлен, проверьте, не нарушен ли синтаксис старых блоков куда вы вставили новый, так как после данного изменения приобретается желаемый вами результат.

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

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

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

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

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

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

У вас отсутствует изменение:
#dostavka a img {
margin-top: 16px;
float: right;
}

вставьте данный блок в main.css, если же он добавлен, проверьте, не нарушен ли синтаксис старых блоков куда вы вставили новый, так как после данного изменения приобретается желаемый вами результат.

Огромное спасибо) А как сделать эффект при наведении (как у поиска и корзины) у значка доставки? И как сделать так, чтобы при наведении на (Бесплатная доставка) и (Интернет магазин №1) не выделялось красным цветом?





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

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

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