Сообщений в теме: 14

[Stas_Y]

Хочу отрисовать футер и изменить фон, подскажите размер футера и какой размер картинки сделать на фон, чтобы она не была пиксельной (т.е. плохого качества)

[Ирина345]

Stas_Y (30 Апрель 2015 - 08:27) писал:

Хочу отрисовать футер и изменить фон, подскажите размер футера и какой размер картинки сделать на фон, чтобы она не была пиксельной (т.е. плохого качества)

Здравствуйте, размер фона белого блока в подвале сайта составляет 1200х400рх

[Stas_Y]

Таак)) тогда перепутал, а вверху(красный который) - это хедер? его надо )
И полоски меню)

[Ирина345]

Stas_Y (30 Апрель 2015 - 12:03) писал:

Таак)) тогда перепутал, а вверху(красный который) - это хедер? его надо )
И полоски меню)

Весь верхний блок заполнен цветом если вы хотите вставить картинку то вам лучше сделать её размером 1200х105рх

[Stas_Y]

Как вставить картинку в верхний блок и подвал?

[Firefly]

Stas_Y (30 Апрель 2015 - 16:35) писал:

Как вставить картинку в верхний блок и подвал?

Чтобы вставить картинку в верхний блок зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

#header_colapse {position:relative;background-color:#ff0551;color:#ffffff;z-index: 1000;}

Замените на:

#header_colapse {position:relative;background: url('ссылка на картинку') no-repeat !important;color:#ffffff;z-index: 1000;}

Чтобы вставить картинку в подвал в main.css найдите код:

.title-holder .inner, #powered .inner {background:none !important;}

Замените на:

.title-holder .inner, #powered .inner {background: url('ссылка на картинку') no-repeat !important;}

[Stas_Y]

Чет про подвал вы наверное ошиблись?)

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

• 

[Vaccina]

В main.css найдите:

#footer .inner_top {
  background: #ffffff !important;
  border-bottom: 4px solid #e1e1e1;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
  padding-top: 15px;
  position: relative;
}

в нем измените значение стиля background

[Stas_Y]

все получилось спасибочки!)

А как изменить цвет шрифта на белый? и значки сделать белыми?

В блок контакты добавить адрес строкой ниже

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

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

• 

[MikDark]

Stas_Y (01 Май 2015 - 08:06) писал:

все получилось спасибочки!)

А как изменить цвет шрифта на белый? и значки сделать белыми?

В блок контакты добавить адрес строкой ниже

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

1) Из шаблона HTML удалите код:

<div class="inner">
		{% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% 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 %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
		<div class="clear"></div>
	  </div>

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

#footer {
  clear: both;
  margin-top: 30px;
  min-height: 100px;
  padding: 0 0 30px 0;
  border-top: 4px solid #333333;
  background-color: #f0f0f0;
}

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

#footer {
  clear: both;
  margin-top: 30px;
  min-height: 100px;
  padding: 0 0 30px 0;
  background-color: #f0f0f0;
}

3) В шаблон main.css добавьте код:

.footer_links span {
  color: #ffffff;
}

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

[Stas_Y]

Серая полоска осталась и не приподнят подвал

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

• 

[Ирина345]

Stas_Y (01 Май 2015 - 09:15) писал:

Серая полоска осталась и не приподнят подвал

Здравствуйте, найдите в файле ain.css

#footer .inner {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #666666;
  background: none !important;
}

замените на

#footer .inner {
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #666666;
  background: none !important;
}

[Stas_Y]

Отлично!))
В блок контакты добавить адрес строкой ниже возможно?

[MikDark]

Stas_Y (01 Май 2015 - 10:29) писал:

Отлично!))
В блок контакты добавить адрес строкой ниже возможно?

В шаблоне HTML Вам нужно найти код:

  <div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% 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="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% 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 %}	  

<span>Здесь Ваш адрес</span>

		  </div>
		</div>
   

И замените слова "Здесь Ваш адрес" на нужную информацию.

[Stas_Y]

Прекрасно!)