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


Сделать Слайдер


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

#21 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Октябрь 2013 - 19:20

Просмотр сообщенияНикита (27 Октябрь 2013 - 14:48) писал:

спасибо, за ответы! подскажите ещё пожалуйста, не могу найти, где в шаблонах находятся картинка, телефон и время работы. заранее спасибо!
Здравствуйте. Под картинкой вы подразумеваете логотип? Его код прописан в шаблоне HTML
<h1 title="сервис по уходу за захоронениями"><a  href="http://{NET_DOMAIN}/" title="сервис по уходу за захоронениями"><img src="{ASSETS_IMAGES_PATH}logoзабота.jpg" alt="сервис по уходу за захоронениями"/><br />Забота</a></h1>
И сразу за ним блок, содержащий коды вывода телефонных номеров, времени работы, icq и skype.
<!-- Контактные телефоны -->
		{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
		  <div class="contacts">
			<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
			  <!-- Первый контактный телефон -->
			  {% IF 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}
			  {% ENDIF %}
			 
			  <!-- Второй контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
				{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
				{SETTINGS_STORE_PHONE_NUMBER2}
			  {% ENDIF %}
			 
			  <!-- Третий контактный телефон -->
			  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				<br /><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}
			  {% 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 %}
			  <div class="contentTableHeadMainSkype">
				<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
				  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
				  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
				</a>
			  </div>
			{% ENDIF %}
		   
			<!-- ICQ номер -->
			{% IF SETTINGS_STORE_ICQ %}
			  <div class="contentTableHeadMainIcq">
				<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			  </div>
			{% ENDIF %}
		  </div>
		{% ENDIF %}
которые у вас скрыты на главной странице за слайдером. А еще чуть ниже продублированный код логотипа
<img src="{ASSETS_IMAGES_PATH}logoзабота.jpg" style="position:absolute;  top: 1em; left: 0em; z-index: 9999;" />
внутри кода слайдера.

Стили для контактов и времени работы прописаны в style.css в коде
.contacts{float: left;position: relative;}
а для баннера - в коде
header[role="banner"] h1 {color: #000;font-weight: normal;float: left;}
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}


#22 Никита

Никита

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

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

Отправлено 29 Октябрь 2013 - 08:04

все сделал, но теперь логотип исчезает на всех остальных страницах, а на главной их также 2 шт., а мне хотелось бы чтобы было наоборот на главной не отображались (так как поверх слайдера уже есть логотип) а на всех остальных страницах он был.
p.s. надеюсь понятно объяснил)

#23 miyako

miyako

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

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

Отправлено 29 Октябрь 2013 - 08:28

Просмотр сообщенияНикита (29 Октябрь 2013 - 08:04) писал:

все сделал, но теперь логотип исчезает на всех остальных страницах, а на главной их также 2 шт., а мне хотелось бы чтобы было наоборот на главной не отображались (так как поверх слайдера уже есть логотип) а на всех остальных страницах он был.
p.s. надеюсь понятно объяснил)

Если Вы не хотите, чтобы на Главной отображался какой-нибудь элемент, то оберните его в условие -
{%IFNOT index_page%} ...  {%ENDIF%}

#24 Никита

Никита

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

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

Отправлено 31 Октябрь 2013 - 14:57

Спасибо. но теперь строка поиска сдвинулась в левую часть экрана, помогите вернуть её обратно направо

#25 empty9228

empty9228

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

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

Отправлено 31 Октябрь 2013 - 16:00

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

#26 Никита

Никита

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

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

Отправлено 06 Ноябрь 2013 - 14:09

да, конечно

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

  • Безымянный.png


#27 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 14:19

Просмотр сообщенияНикита (06 Ноябрь 2013 - 14:09) писал:

да, конечно
В адаптивном шаблоне желательно стараться избегать position: absolute;


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
header[role="banner"] .hgroup {position: absolute; top: 1em; left: 0em; width: 39.877301%;}
Заменить:
header[role="banner"] .hgroup {/* position: absolute; */ top: 1em; left: 0em; width: 39.877301%;height: 10em;}


#28 Никита

Никита

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

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

Отправлено 06 Ноябрь 2013 - 14:43

не могу найти в файле "main.css" такой код
header[role="banner"].hgroup {position: absolute; top:1em; left:0em; width:39.877301%;}

#29 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2013 - 16:12

Просмотр сообщенияНикита (06 Ноябрь 2013 - 14:43) писал:

не могу найти в файле "main.css" такой код
header[role="banner"].hgroup {position: absolute; top:1em; left:0em; width:39.877301%;}
Это примерно в 916 строке в файле style.css

#30 Никита

Никита

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

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

Отправлено 08 Ноябрь 2013 - 10:48

Спасибо, проблема решена!

#31 Никита

Никита

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

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

Отправлено 13 Ноябрь 2013 - 18:06

я обвернул телефоны в условие {%IF index_page%} ...  {%ENDIF%}, теперь они отображаются как первом скрине, можно ли сделать так, чтобы они отображались в месте обозначенном на втором?

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

  • Безымянный1.png
  • Безымянный2.png


#32 ne_yana

ne_yana

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

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

Отправлено 13 Ноябрь 2013 - 18:18

Просмотр сообщенияНикита (13 Ноябрь 2013 - 18:06) писал:

я обвернул телефоны в условие {%IF index_page%} ...  {%ENDIF%}, теперь они отображаются как первом скрине, можно ли сделать так, чтобы они отображались в месте обозначенном на втором?
Здравствуйте, сейчас контакты выводятся везде кроме главной страницы, а баннер только на главной. Актуален ли вопрос?

#33 Никита

Никита

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

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

Отправлено 14 Ноябрь 2013 - 11:06

здравствуйте, да вопрос ещё актуален. Я вернул, всё как было.

#34 Vaccina

Vaccina

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

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

Отправлено 15 Ноябрь 2013 - 02:16

Попробуйте сделать следующее - в файле стилей style.css найдите

header[role="banner"] .hgroup {
  height: 15em;
  left: 0;
  top: 1em;
  width: 55%;
}

и замените на

header[role="banner"] .hgroup {
  height: 1em;
  left: 0;
  top: 1em;
  width: 55%;
}

далее найдите

.contacts {
  float: left;
  position: relative;
}

и замените на

.contacts {
  color: #FFFFFF;
  left: 180px;
  position: absolute;
  top: 60px;
  z-index: 20;
}


#35 Никита

Никита

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

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

Отправлено 17 Ноябрь 2013 - 15:33

Спасибо! А можно продублировать контакты и рабочие часы в черном цвете на остальных страницах (кроме главной)?

#36 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 17 Ноябрь 2013 - 15:50

Просмотр сообщенияНикита (17 Ноябрь 2013 - 15:33) писал:

Спасибо! А можно продублировать контакты и рабочие часы в черном цвете на остальных страницах (кроме главной)?
Здравствуйте.
В шаблоне HTML в коде
<!-- Контактные телефоны -->
		{%IF index_page%}
удалите вторую строку. И удалите первую строку в коде
	  {%ENDIF%}
	   
	  <!-- Форма поиска -->
а строку
<div class="contacts">
замените на эту
<div class="contacts" {% IFNOT index_page %}style="color: black;"{% ENDIF %}>


#37 Никита

Никита

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

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

Отправлено 30 Январь 2014 - 12:27

Здравствуйте! У меня на сайте в верхнем левом углу слайдера дублируется фото, как на скине. Можно ли убрать этот дефект

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

  • Безымянный.png


#38 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 12:54

Просмотр сообщенияНикита (30 Январь 2014 - 12:27) писал:

Здравствуйте! У меня на сайте в верхнем левом углу слайдера дублируется фото, как на скине. Можно ли убрать этот дефект

Найдите в nyvo.css код -
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
и замените на -
.nivo-slice {
position: absolute;
z-index: 5;
height: 100%;
top: 0;
display: none;
}


#39 Никита

Никита

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

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

Отправлено 31 Январь 2014 - 11:21

На первом фото слайдера проблема устранена, но на остальных(после переключения) остаётся

#40 ne_yana

ne_yana

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

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

Отправлено 31 Январь 2014 - 11:36

Просмотр сообщенияНикита (31 Январь 2014 - 11:21) писал:

На первом фото слайдера проблема устранена, но на остальных(после переключения) остаётся
Здравствуйте, в файле nyvo.css замените
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
на
.nivo-box {
display:none;
position:absolute;
z-index:5;
overflow:hidden;
}





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

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