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


Нужна Помощь С Изменениями.


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

#101 Venom_Den

Venom_Den

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

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

Отправлено 05 Февраль 2016 - 13:33

Подскажите, как сделать, чтобы телефонные трубки в подвале (на скрине) были в один ряд с часами и не налезали на номер? Выделено красным.

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

  • 21.jpg


#102 RayLi

RayLi

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

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

Отправлено 05 Февраль 2016 - 13:49

Просмотр сообщенияVenom_Den (05 Февраль 2016 - 13:33) писал:

Подскажите, как сделать, чтобы телефонные трубки в подвале (на скрине) были в один ряд с часами и не налезали на номер? Выделено красным.

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне style.css найдите данный код:


.footer_time, .footer_phone, .footer_skype, .footer_icq {
	display: block;
	color: #A0522D;
	padding: 3px 0 3px 22px;
	font-size: 14px;
	margin-left: 16px;
	line-height: 30px;
	font-weight: 700;
}

И замените его вот этим вот кодом:

.footer_time, .footer_phone, .footer_skype, .footer_icq {
	display: block;
	color: #A0522D;
	padding: 3px 0 3px 30px;
	font-size: 14px;
	margin-left: 16px;
	line-height: 30px;
	font-weight: 700;
}


Далее в самый конец данного шаблона добавьте, пожалуйста, следующий код:

span.footer_phone {
	margin-left: 10px;
}


#103 Котуся

Котуся

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

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

Отправлено 19 Апрель 2016 - 10:02

Добрый день!

Помогите реализовать мечты в жизнь, а то я совсем уже запуталась)))
1. Нужно чуть сузить шапку и промоблок.
2. Поменять цвет верхнего меню и цвет при наведении курсора на верхнее меню.
3. Изменить черный цвет поиска.
4.Поменять цвет каталога, блока новостей и "вы смотрели" на свои.
5. Изменить цвет стрелочек на главной странице Фанера, Мдф, Лдсп
6. Кнопка быстрый заказ  - изменить цвет на свой.
7. В подвале тоже убрать красный цвет при наведении.
8. В подвале убрать варианты оплаты и обратную связь.
9. В подвале цвет шрифта сделать черным.
10. В подвале между Информацией и Контактах поставить яндекс карту и сузить подвал.
11. в карточке товара во вкладках тоже поменять цвет.

помогите пожалуйста :blink: :blink: :blink: :blink: :blink: :blink:

#104 lenasmith

lenasmith

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

  • Пользователи
  • PipPipPip
  • 166 сообщений
  • ГородМосква

Отправлено 19 Апрель 2016 - 10:17

и мне тоже помогите, пожалуйста.

Мне нужно, чтобы Если человек кликал в поле поиска, то надпись, которая там сейчас светло-сереньким видна " Поиск по магазину Пенни.ру" исчезала. А сейчас ее нужно удалить, и только после этого написать то, что ищешь.

http://penney.ru/
Аккаунт SL-361405

#105 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 10:46

Просмотр сообщенияКотуся (19 Апрель 2016 - 10:02) писал:

Добрый день!

Помогите реализовать мечты в жизнь, а то я совсем уже запуталась)))
1. Нужно чуть сузить шапку и промоблок.
2. Поменять цвет верхнего меню и цвет при наведении курсора на верхнее меню.
3. Изменить черный цвет поиска.
4.Поменять цвет каталога, блока новостей и "вы смотрели" на свои.
5. Изменить цвет стрелочек на главной странице Фанера, Мдф, Лдсп
6. Кнопка быстрый заказ  - изменить цвет на свой.
7. В подвале тоже убрать красный цвет при наведении.
8. В подвале убрать варианты оплаты и обратную связь.
9. В подвале цвет шрифта сделать черным.
10. В подвале между Информацией и Контактах поставить яндекс карту и сузить подвал.
11. в карточке товара во вкладках тоже поменять цвет.

помогите пожалуйста :blink: :blink: :blink: :blink: :blink: :blink:


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

1) Укажите, пожалуйста, на скриншоте, как должна выглядеть шапка.

2) В конец шаблона style.css добавьте строки:

.et_categ_box a {color: red;}
.nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color: green; color:blue;}

цвета замените на необходимые.

3) В тот же шаблон, в конец, добавьте строку:

#header input[type="text"] {background: #fff;}

цвет замените на свой.

4) Замените background в строке:

.box-heading{padding: 6px 15px 6px 40px;background: #BDB76B;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

border в строке:
.infoBoxContents{position: relative;text-align:left;font-size: 12px;font-family: Calibri;border: 1px solid #cdcdcd;display: block;margin: 0;padding: 10px;}

background в строке:
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}

border-bottom в строке:
.accordion a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }


background-color и  color в строках:
.accordion li a:hover {
  background-position:0 0;
  background-color: #EEE8AA;
  color:#000000;
}


5) замените цвета в строках:

.jcarousel-control-prev {background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=movement') no-repeat 1px 3px;}
.jcarousel-control-next {background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=movement') no-repeat -30px 3px;}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover {background-color: #ff0000;}

6) В конец шаблона вставьте:

.buy_button {background: green !important;color: red!important;}
.buy_button:hover {background: red !important;color: green!important;}

цвета - поменяйте.

7) цвет в этой строке:

.footer_menu li:hover{background: #ff0000;}

9) строку:

#footer {color: #fff;padding-bottom: 10px;text-align: left;}
замените на:
#footer {color: #000;padding-bottom: 10px;text-align: left;}

.footer_time, .footer_phone, .footer_skype, .footer_icq {display: block;color: #fff;padding:3px 0 3px 22px; font-size: 14px; margin-left: 16px; line-height: 30px;}
на:
.footer_time, .footer_phone, .footer_skype, .footer_icq {display: block;color: #000;padding:3px 0 3px 22px; font-size: 14px; margin-left: 16px; line-height: 30px;}

#footer a {color:#fff;text-decoration:none}
на:
#footer a {color:#000;text-decoration:none}

11) в строке :
#tabs > a {border: none;font-weight: lighter;font-size: 14px;color: #000000;background-color: #BDB76B;display: inline-block;line-height: 35px;margin-right: -2px;padding: 0 28px;margin-bottom: 0;}
замените background-color

и в строке:
#tabs > a.active:hover {border: none;background-color: #FF0000;color: #fff;text-decoration: none;}
замените background-color

8, 10) В шаблоне html замените блок кода:

<div class="footer_bg_color">
	  <div id="footer">
		<div class="container">
		  <div class="four columns">
			<h3>Информация</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <ul class="footer_menu">
				{% FOR menu %}
				  {% FOR footer %}
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		  <div class="four columns">
			<h3>Варианты оплаты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>
		  </div>
 
		  <div class="four columns">
			<h3>Контакты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			  {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}  
			</div>
		  </div>
		  <div class="four columns">
			<h3>Обратная связь</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div class="submit_message"></div>
			  {% IF FORM_SEND_OK %}<div class="success">Ваше сообщение успешно отправлено администрации магазина</div>{% ENDIF %}	
		 
			  <form method="post" action="javascript:void(null);" id="feedbackForm" enctype="multipart/form-data">
				{% IFNOT FORM_SEND_OK %}
				  <input type="hidden" name="hash" value="{HASH}" />
				  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				  {ANTISPAM_CODE}
				  <div class="left">
					<p><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></p>
					<span class="forname logoinput">&nbsp;</span>
					<input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/>
					<p><label for="feedback_email" class="required">Электронная почта<em>*</em></label></p>
					<span class="foremail logoinput">&nbsp;</span>
					<input id="feedback_email" type="email"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
					<!--<p><label for="feedback_file" class="required">Прикрепить файл</label></p>
					<input id="feedback_file" type="file" name="form[assets_file]" value="" />-->
					<p><label for="feedback_message" class="required">Текст сообщения<em>*</em></label></p>
					<textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
				  </div>
				  <div class="clear"></div>
				{% ENDIF %}
				<div class="buttons">
				  <div class="left">
					<p class="back-link">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button">Отправить</button>{% ENDIF %}</p>
				 
				  </div>
				  <div class="clear"></div>
				</div>
			  </form>
			</div>
		  </div>
		  <div class="clear"></div>
		</div>
	  </div>
 
	  <div id="copyright">
		<div class="container">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
		<div class="container">{SETTINGS_STORE_ORG_NAME}</div>
		<div class="container">Все права защищены</div>
		<div class="container">{COPYRIGHT_FOR_DESIGN_MOVEMENT} {SETTINGS_STORE_REGION}</div>
		<div class="container">{SETTINGS_STORE_HTML_CODE}</div> 
	  </div>
 
	  <div id="back-top" style="" title="Наверх">
		<img src="{ASSETS_IMAGES_PATH}scroll.png?design=movement">
	  </div>
 
	  <div class="clear"></div>
	</div>

на:

<div id="footer">
		<div class="container">
		  <div class="four columns">
			<h3>Информация</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <ul class="footer_menu">
				{% FOR menu %}
				  {% FOR footer %}
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			</div>
		  </div>
		
		 <div class="four columns">
		   <h3>Карта</h3>
		   <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Axrm8XV96yKPnyrRra0MB1Csc6AlNbHc&width=320&height=400&lang=ru_RU&sourceType=constructor"></script>
		 </div>
		  <div class="four columns">
			<h3>Контакты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			  {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}  
			</div>
		  </div>
		
		  <div class="clear"></div>
		</div>
	  </div>


На сайте https://tech.yandex....ls/constructor/ сгенерируйте свою карту размером 320х400 px и замените блок кода:

<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Axrm8XV96yKPnyrRra0MB1Csc6AlNbHc&width=320&height=400&lang=ru_RU&sourceType=constructor"></script>

на свой.

Затем, замените в style.css строку              

#footer .container .four.columns {border: none; margin-top: 20px;}
на:
#footer .container .four.columns {border: none; margin-top: 20px;width: 30%; }


#106 Котуся

Котуся

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

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

Отправлено 19 Апрель 2016 - 11:44

Спасибо огромущее!!!!

Все получилось!!!

Нужно чуток подправить:
1. В подвале все блоки и карту разместить красиво, чтобы не наезжало одно на другое.
2. Убрать сверху полосу, которая появляется при прокрутке вниз.

#107 Котуся

Котуся

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

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

Отправлено 19 Апрель 2016 - 11:52

И шрифты в каталоге сделать побольше

И чуть чуть подвинуть в шапке блок с прайс листом влево

#108 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 12:00

Просмотр сообщенияКотуся (19 Апрель 2016 - 11:44) писал:

Спасибо огромущее!!!!

Все получилось!!!

Нужно чуток подправить:
1. В подвале все блоки и карту разместить красиво, чтобы не наезжало одно на другое.
2. Убрать сверху полосу, которая появляется при прокрутке вниз.

1) Выполните, пожалуйста, последнюю часть высланной инструкции:

замените в style.css строку   
#footer .container .four.columns {border: none; margin-top: 20px;}

на:
#footer .container .four.columns {border: none; margin-top: 20px;width: 30%; }

2) В конец style.css добавьте строку:

#header_bar {display: none !important;}


#109 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 13:08

Просмотр сообщенияКотуся (19 Апрель 2016 - 11:52) писал:

И шрифты в каталоге сделать побольше

И чуть чуть подвинуть в шапке блок с прайс листом влево


1) В шаблоне style.css найдите строку:

.accordion a { text-decoration: none; border-bottom: 1px solid white; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }

измените в ней значение   font-size с 11 до необходимого.

2) в том же шаблоне найдите строку:

.header_banners {float:left;}

замените ее на:

.header_banners {float:left; margin-left: -30px;}


#110 Котуся

Котуся

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

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

Отправлено 19 Апрель 2016 - 14:08

Спасибо большое-пребольшое!!!! Вы мне очень помогли, но можно я вас уже домучаю пару вопросами))) простите чайника)))

1. При внесении изменений в подвал исчезла картинка, которая там стояла. как бы ее на место возвернуть.
2. В подвале яндекс карту надо бы подкорректировать, а то все загораживается снизу. Возможно это из за того , что уменьшили сам подвал, тогда давайте сделаем его повыше, что бы все корректно встало.
3.В карточке товара сделать шрифт более читабельным - увеличить.

спасибо)))

#111 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 14:09

Просмотр сообщенияlenasmith (19 Апрель 2016 - 10:17) писал:

и мне тоже помогите, пожалуйста.

Мне нужно, чтобы Если человек кликал в поле поиска, то надпись, которая там сейчас светло-сереньким видна " Поиск по магазину Пенни.ру" исчезала. А сейчас ее нужно удалить, и только после этого написать то, что ищешь.

http://penney.ru/
Аккаунт SL-361405

Здравствуйте. В шаблоне html найдите строку:

<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />

замените ее на:

<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину Пенни.ру...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />


#112 lenasmith

lenasmith

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

  • Пользователи
  • PipPipPip
  • 166 сообщений
  • ГородМосква

Отправлено 19 Апрель 2016 - 14:53

Просмотр сообщенияRedHead (19 Апрель 2016 - 14:09) писал:

Здравствуйте. В шаблоне html найдите строку:

<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />

замените ее на:

<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину Пенни.ру...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />

Огромное спасибо! Все получилось!

#113 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 15:11

Просмотр сообщенияКотуся (19 Апрель 2016 - 14:08) писал:

Спасибо большое-пребольшое!!!! Вы мне очень помогли, но можно я вас уже домучаю пару вопросами))) простите чайника)))

1. При внесении изменений в подвал исчезла картинка, которая там стояла. как бы ее на место возвернуть.
2. В подвале яндекс карту надо бы подкорректировать, а то все загораживается снизу. Возможно это из за того , что уменьшили сам подвал, тогда давайте сделаем его повыше, что бы все корректно встало.
3.В карточке товара сделать шрифт более читабельным - увеличить.

спасибо)))

1) В шаблоне html перед строкой:

<div id="footer">

вставьте:

<div class="footer_bg_color">

2) Второй вопрос не совсем понятен. После "возвращения" фона, посмотрите, что именно нужно отредактировать. Спасибо.

3) В шаблоне style.css найдите строку:

.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px}

замените ее например на:

.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px;  font-size: 130%; }

Если Вы имели ввиду текст его где-то, то уточните, пожалуйста, где именно.

#114 Котуся

Котуся

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

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

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

Спасибо, все получилось!

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

и еще вопрос, мне нужно в шапке между логотипом и баннером добавить еще один баннер с о временем работы и адресом.
подскажите, как можно это реализовать и каких размеров должна быть картинка?

Спасибо.

#115 RedHead

RedHead

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

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

Отправлено 19 Апрель 2016 - 17:46

Просмотр сообщенияКотуся (19 Апрель 2016 - 17:05) писал:

Спасибо, все получилось!

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

и еще вопрос, мне нужно в шапке между логотипом и баннером добавить еще один баннер с о временем работы и адресом.
подскажите, как можно это реализовать и каких размеров должна быть картинка?

Спасибо.

На данный момент метрика у Вас вообще не отображается. Вы хотите добавить ее на сайт?

Тогда вставьте строки:

<div class="settingsStore">
					{SETTINGS_STORE_HTML_CODE}
				</div>

перед строками:

<div class="clear"></div>
	</div>
  {% ELSE %}
	Вы пользуетесь чрезмерно устаревшим браузером. Настоятельно рекомендуем вам скачать и установить современный браузер.<br/>


2) Подготовьте изображение размером примерно 150х300 пикселей. Загрузите его в редкторе шаблонов с помощью кнопки "добавить файлы".
Затем, в шаблоне html после строк:

<div id="header">
		<div class="container">
		  <div class="logo">
			<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a>		   
		  </div>

вставьте:

<div>
			<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid"></a>		   
		  </div


замените название изображение на свое и напишите нам, поможем прописать стили непосредственно для Вашего изображения.

#116 Котуся

Котуся

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

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

Отправлено 20 Апрель 2016 - 10:53

Сделала, помогите со стилями))
Аккаунт SL-380450

#117 Котуся

Котуся

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

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

Отправлено 20 Апрель 2016 - 11:15

И Можно в шапке контакты с блоком где прайс лист местами поменять?

#118 RedHead

RedHead

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

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

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

Просмотр сообщенияКотуся (20 Апрель 2016 - 10:53) писал:

Сделала, помогите со стилями))
Аккаунт SL-380450

Здравствуйте. Перед внесением изменений, создайте бэкап.

В шаблоне html найдите блок кода:

<div>
					 <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}b1.png?design=movement" alt="" title="" class="scale-with-grid"></a>			
				 </div
замените его на:
<div class="baner-head">
		 <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}b1.png?design=movement" alt="" title="" class="scale-with-grid"></a>			
		 </div>

Затем, в конец style.css добавьте строки:

.baner-head {display: inline-block; width: 250px;float: left;}

Затем, найти строку:

.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 415px;}
заменить ее на:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 565px;}

Затем, строку:

.header_banners {float:left; margin-left: -30px;}
на:
.header_banners {float:left; margin-left: -50px;}


.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
margin-left: 198px;
margin-top: -5px;
font-size: 20px;
}
на:
.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
margin-left: 164px;
margin-top: -5px;
font-size: 20px;
}


.shopping_cart_block {position: absolute;right: 20px;top: 128px;z-index: 10;}
на:
.shopping_cart_block {position: absolute;right: 20px;top: 35px;z-index: 10;}

и
#search {
width: 150px;
position: absolute;
top: 128px;
right: 100px;
z-index: 100;
}
замените на:
#search {
width: 150px;
position: absolute;
top: 35px;
right: 100px;
z-index: 100;
}

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

Просмотр сообщенияКотуся (20 Апрель 2016 - 11:15) писал:

И Можно в шапке контакты с блоком где прайс лист местами поменять?

Выполните, пожалуйста, инструкцию #118, после вышлем инструкцию к этому вопросу, чтобы не возникло путаницы и ошибок в коде.

#119 Котуся

Котуся

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

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

Отправлено 20 Апрель 2016 - 11:42

Все выполнила, только чуть подправить нужно:
1. Поиск и корзину нужно вернуть на панель верхнего меню.
2. Расположить баннеры в таком порядке, начиная от логотипа - время работы - контакты- прайс лист
3. Посмотрите пожалуйста по метрике, я все сделала, а ее все равно нет, как подкорректировать?

спасибо Вам пребольшущеее))))))

#120 RedHead

RedHead

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

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

Отправлено 20 Апрель 2016 - 13:32

Просмотр сообщенияКотуся (20 Апрель 2016 - 11:42) писал:

Все выполнила, только чуть подправить нужно:
1. Поиск и корзину нужно вернуть на панель верхнего меню.
2. Расположить баннеры в таком порядке, начиная от логотипа - время работы - контакты- прайс лист
3. Посмотрите пожалуйста по метрике, я все сделала, а ее все равно нет, как подкорректировать?

спасибо Вам пребольшущеее))))))

1) По поводу корзины и поиска, извините, подумала, что они сместились вниз из-за добавления банера.

В  style,css замените строки:

.shopping_cart_block {position: absolute;right: 20px;top: 35px;z-index: 10;}
на:
.shopping_cart_block {position: absolute;right: 20px;top: 133px;z-index: 10;}

и:
#search {
width: 150px;
position: absolute;
top: 35px;
right: 100px;
z-index: 100;
}
на:
#search {
width: 150px;
position: absolute;
top: 133px;
right: 100px;
z-index: 100;
}

2) В шаблоне html найдите блок кода:

<div class="header_banners">
								 <a href="https://yadi.sk/i/5gj6KmkFqizfE"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647702-excel-24.png"> ПРАЙС ЛИСТ на 20.04.2016</a>
									 <br>
								 <a href="https://yadi.sk/i/fKIqU_tlqiw4w"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647702-excel-24.png"> ЗАЯВКА НА РАСПИЛ</a>
									 <br>
								 <a href="https://yadi.sk/i/ONxgj2Caqj5jY"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647704-pdf-24.png"> СХЕМА ПРОЕЗДА</a>
					 </div>

переместите его ниже, вставив перед строкой:

<!-- Время работы магазина -->

Затем, в style,css замените строку:

.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 565px;}
на:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;}

.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
margin-left: 164px;
margin-top: -5px;
font-size: 20px;
}
на:
.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #000 !important;
margin-right: 77px;
margin-top: -5px;
font-size: 20px;
float: left;
}


.header_banners {float:left; margin-left: -50px;}
на:
.header_banners {float:right;}

3) метрика у Вас сейчас отображается в левом нижнем углу экрана.

1.jpg




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

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