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


Модернизация Подвала


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

#21 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 17:09

и еще вопрос, как каталог сделать немного выше, чтобы прям под слайдером был (см скрин)
ах да и еще вопрос, как сделать черный фон при наведении на нижнее меню (см скрин)

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

  • чясчяся.jpg
  • счясячсячся.jpg


#22 Ирина345

Ирина345

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

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

Отправлено 17 Июнь 2014 - 17:31

Просмотр сообщенияluzikov (17 Июнь 2014 - 17:09) писал:

и еще вопрос, как каталог сделать немного выше, чтобы прям под слайдером был (см скрин)
ах да и еще вопрос, как сделать черный фон при наведении на нижнее меню (см скрин)
Найдите в style.css
.flexslider { width: 943px; margin: 0 auto 30px auto; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
замените на

.flexslider { width: 943px; margin: 0 auto 5px auto; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }

в конец файла style.css добавьте

a.men1:hover {
background: black;
color: white;
border-radius: 2px;
padding: 1px;
}



#23 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 18:06

Просмотр сообщенияluzikov (17 Июнь 2014 - 15:50) писал:

Спасибо! Вопрос дальше вот такой вот, как:
1) Переместить верхнее меню немного вниз
2) под логотипом сделать линию
3) Добавить корзину и контакты (СМ СКРИН ПО ВСЕМ ПУНКТАМ)
Спасибо! Остались лишь 2 и 3 пункты :))

#24 Ирина345

Ирина345

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

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

Отправлено 17 Июнь 2014 - 18:56

Просмотр сообщенияluzikov (17 Июнь 2014 - 18:06) писал:

Спасибо! Остались лишь 2 и 3 пункты :))
2. найдите в HTML
<ul id="nav1">
замените на

<hr style="
	border-style: solid;
	border-width: initial;
">
<ul id="nav1">


#25 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 19:07

Просмотр сообщенияИрина345 (17 Июнь 2014 - 18:56) писал:

2. найдите в HTML
<ul id="nav1">
замените на

<hr style="
border-style: solid;
border-width: initial;
">
<ul id="nav1">
Полоса получилась, но можно ее сделать как нибудь менее жирной и заметной ?

#26 Ирина345

Ирина345

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

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

Отправлено 17 Июнь 2014 - 19:22

Просмотр сообщенияluzikov (17 Июнь 2014 - 19:07) писал:

Полоса получилась, но можно ее сделать как нибудь менее жирной и заметной ?
Найдите  в HTML
<hr style="
		border-style: solid;
		border-width: initial;
">
замените на

<hr style="
	 border-style: solid;
		color: #aaaaaa;
">


#27 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 20:56

ну значит только 3 пункт остался))

#28 luzikov

luzikov

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

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

Отправлено 17 Июнь 2014 - 22:06

и + еще вот некоторые нюансы которые тоже нужно уладить:
1) Некоторые пункты верхнего меню стали выше пункта Вход/Регистрация (СМ СКРИНЫ)
2)

© 2014 «Интернет-магазин "Apple-in-moscow"» С ПОДВАЛА НУЖНО ПЕРЕТАЩИТЬ ВЫШЕ, А ОСТАЛЬНОЕ УДАЛИТЬ (СМ СКРИНЫ)

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

  • 1.jpg
  • 2.jpg


#29 Vaccina

Vaccina

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

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

Отправлено 18 Июнь 2014 - 00:24

1. В css найдите:
#nav {
height: 30px;
position: absolute;
top: 146px;
margin: 0;
padding: 7px 6px 0;
background: transparent;
line-height: 100%;
font-size: 15px;
}
замените на:
#nav {
height: 30px;
position: absolute;
top: 160px;
margin: 0;
padding:0;
background: transparent;
line-height: 100%;
font-size: 15px;
}
2.В шаблоне HTML найдите и удалите:
<div class="block">
	 
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	   <!-- Контактный телефон -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div class="contacts">
				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</a>
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</a>
				  {% ENDIF %}
   
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br />
					<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</a>
				  {% ENDIF %}
				 
				</div>
			   
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
				<!-- Контакт Skype -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				{% ENDIF %}
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span>{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
   
				<div class="clear"></div>
			  </div>
			{% ENDIF %}
			 
		   
	 </div>
	</div>
вместо него вставьте:
<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		</p>

далее найдите и удалите:
<div class="fluid-bg" id="footer-bottom">
  <div class="container">
   <div class="column full" id="footer-bottom-content">
	  <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		  <span>{SETTINGS_STORE_REGION}</span><br />
		  <span>Все права защищены</span><br />
		  {COPYRIGHT_FOR_DESIGN_AUTUMN}
		  {SETTINGS_STORE_HTML_CODE}<br />
		</p>
   </div>
  </div>
</div>


#30 luzikov

luzikov

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

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

Отправлено 18 Июнь 2014 - 12:54

Все получилось, НО фраза

© 2014 «Интернет-магазин "Apple-in-moscow"» не переместилась вверх, а тоже удалилась! И помогите уже с 3 пунктом пожалуйста



#31 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 14:24

Просмотр сообщенияluzikov (18 Июнь 2014 - 12:54) писал:

Все получилось, НО фраза

© 2014 «Интернет-магазин "Apple-in-moscow"» не переместилась вверх, а тоже удалилась! И помогите уже с 3 пунктом пожалуйста


Здравствуйте, в шаблоне HTML

 <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
				</p>
замените на




<div> <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
				</p>
</div>


#32 luzikov

luzikov

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

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

Отправлено 18 Июнь 2014 - 20:36

Просмотр сообщенияИрина345 (18 Июнь 2014 - 14:24) писал:

Здравствуйте, в шаблоне HTML

<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
</p>
замените на




<div> <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
</p>
</div>
Нехрена не изменилось :(

#33 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 20:49

Просмотр сообщенияluzikov (18 Июнь 2014 - 20:36) писал:

Нехрена не изменилось :(
У Вас цвет текста белым цветом,поэтому и не видете
найдите в style.css
.copy {
text-align: center;
}
замените на
.copy {
text-align: center;
color: gray;
}


#34 luzikov

luzikov

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

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

Отправлено 18 Июнь 2014 - 21:48

Просмотр сообщенияИрина345 (18 Июнь 2014 - 20:49) писал:

У Вас цвет текста белым цветом,поэтому и не видете
найдите в style.css
.copy {
text-align: center;
}
замените на
.copy {
text-align: center;
color: gray;
}
ага окей, а как сделать этот блок по центру, и удалить фразу

Копирование материалов допустимо только с указанием ссылки на сайт



#35 Vaccina

Vaccina

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

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

Отправлено 19 Июнь 2014 - 01:53

Обновите пожалуйста данные об аккаунтах у себя в профиле.

Текст в подвале у вас по центру.
Чтобы убрать данную строку зайдите в раздел Настройки - Основные - очистите поле "Наименование организации или индивидуального предпринимателя"

#36 luzikov

luzikov

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

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

Отправлено 19 Июнь 2014 - 02:09

аккаунт Sl295728, текст не по центру, и нужно сделать его одной строкой

#37 Vaccina

Vaccina

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

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

Отправлено 19 Июнь 2014 - 03:25

найдите:
#footer > div {
	float: left;
	margin: 30px 20px 0 0 !important;
	padding: 0 !important;
	width: 20% !important;
}
замените на:
#footer > div {
	float: left;
	margin: 30px 20px 0 0 !important;
	padding: 0 !important;
	width: 100%;
}


#38 luzikov

luzikov

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

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

Отправлено 19 Июнь 2014 - 18:35

Помогите контакты в шапку вставить и корзину (см скрин)

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

  • ячсячся.jpg


#39 daria_dnk

daria_dnk

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

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

Отправлено 19 Июнь 2014 - 19:20

Просмотр сообщенияluzikov (19 Июнь 2014 - 18:35) писал:

Помогите контакты в шапку вставить и корзину (см скрин)

Здравствуйте! В шаблоне HTML после строк
 <div id="header-right">
добавьте строки
<a href="{CART_URL}" title="Перейти в корзину">Корзина</a>
<!-- Контакты -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div id="support" title="Звоните, мы проконсультируем вас по любым вопросам">
<h4>Связаться с нами</h4>
<span class="sup_phone"></span>
<div class="contacts">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}
</div>
<div class="clear"></div>
</div>
</div>
{% ENDIF %}
Напишете как внесете изменения - нужно будет настроить стили.

#40 luzikov

luzikov

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

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

Отправлено 19 Июнь 2014 - 19:49

Просмотр сообщенияdaria_dnk (19 Июнь 2014 - 19:20) писал:

Здравствуйте! В шаблоне HTML после строк
 <div id="header-right">
добавьте строки
<a href="{CART_URL}" title="Перейти в корзину">Корзина</a>
<!-- Контакты -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
<div id="support" title="Звоните, мы проконсультируем вас по любым вопросам">
<h4>Связаться с нами</h4>
<span class="sup_phone"></span>
<div class="contacts">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
</a>
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br />
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
{% ENDIF %}
</div>
<div class="clear"></div>
</div>
</div>
{% ENDIF %}
Напишете как внесете изменения - нужно будет настроить стили.
Изменения внес, нужно расстояние после слов Связаться с нами уменьшить, и у корзины хотелось бы значок сделать




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

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