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


Вопрос По Слайдеру


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

#1 vvvitekkk77

vvvitekkk77

    Пользователь

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

Отправлено 02 Май 2015 - 08:41

Нужно убрать выделеную область вместе с  точками и сделать слайдер вплотную к нижнему блоку.
Помогите ктонибудь

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

  • 2015-05-02 08-40-15 Скриншот экрана.png


#2 MikDark

MikDark

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

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

Отправлено 02 Май 2015 - 09:16

Просмотр сообщенияvvvitekkk77 (02 Май 2015 - 08:41) писал:

Нужно убрать выделеную область вместе с  точками и сделать слайдер вплотную к нижнему блоку.
Помогите ктонибудь

Здравствуйте.
1) В шаблоне nyvo.css найдите код:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

и замените на:
.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

2) Далее там же найдите код:
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

и замените на:
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display:none;
}


#3 vvvitekkk77

vvvitekkk77

    Пользователь

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

Отправлено 02 Май 2015 - 09:30

Спасибо, всё получилось.

Нужно ещё сузить шапку и передвинуть время работы и icq. Поможете?

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

  • 2015-05-02 09-33-06 Скриншот экрана.png
  • 2015-05-02 09-29-50 Скриншот экрана.png


#4 Danil

Danil

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

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

Отправлено 02 Май 2015 - 09:45

Просмотр сообщенияvvvitekkk77 (02 Май 2015 - 09:30) писал:

Спасибо, всё получилось.

Нужно ещё сузить шапку и передвинуть время работы и icq. Поможете?
В шаблоне html найдите код
<div class="rght">
			<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <ul>
				<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			  </ul>
			{% ENDIF %}
		</div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=plastic" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		   <ul class="telephone23">
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			
		  </ul>
и замените на
<div class="rght">
			<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>
		</div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=plastic" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		   <ul class="telephone23">
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			
  {% IF SETTINGS_STORE_WORK_TIME %}
				<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			{% ENDIF %}
		  </ul>
В main.css найдите код
#header .blocks ul.telephone23 {
  margin: -21px 250px 0 0px;
  float: right;
  font: bold 14px Verdana, Geneva, sans-serif;
  color: #f7f9fa;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
и замените на
#header .blocks ul.telephone23 {
  margin: -85px 380px 0 0px;
  float: right;
  font: bold 14px Verdana, Geneva, sans-serif;
  color: #f7f9fa;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
так же найдите
#header .blocks ul.telephone23 li {
  float: left;
  margin-left: 10px;
}
и замените на
#header .blocks ul.telephone23 li {
  text-align: center;
  margin-bottom: 15px;
}


#5 vvvitekkk77

vvvitekkk77

    Пользователь

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

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

Спасибо, контакты переместились, а шапка несузилась, помогите

#6 Danil

Danil

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

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

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

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

Спасибо, контакты переместились, а шапка несузилась, помогите
В main.css найдите код
#header .blocks .logotype {
  margin: -75px 0 0 20px;
  float: left;
}
и замените на
#header .blocks .logotype {
  margin: -99px 0 0 20px;
  float: left;
}


#7 vvvitekkk77

vvvitekkk77

    Пользователь

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

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

Двигается логотип а вот пустая область неуменьшается

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

  • 2015-05-02 10-57-53 Скриншот экрана.png


#8 Danil

Danil

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

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

Отправлено 02 Май 2015 - 11:21

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

Двигается логотип а вот пустая область неуменьшается
В main.css найдите
#header .blocks .logotype {
  margin: -90px 0 0 20px;
  float: left;
}
и замените на
#header .blocks .logotype {
  margin: -64px 0 0 20px;
  float: left;
  height: 50px;
}
найдите
#header .blocks .rght {
  float: left;
  margin: 0 0 0 0;
  background: url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat;
  width: 358px;
  height: 110px;
}
и замените на
#header .blocks .rght {
  float: left;
  margin: 0 0 0 0;
  background: url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) top right no-repeat;
  width: 358px;
  height: 75px;
}
найдите
#header .blocks ul.telephone23 {
  margin: -85px 380px 0 0px;
  float: right;
  font: bold 14px Verdana, Geneva, sans-serif;
  color: #f7f9fa;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
и замените на
#header .blocks ul.telephone23 {
  margin: -56px 380px 0 0px;
  float: right;
  font: bold 14px Verdana, Geneva, sans-serif;
  color: #f7f9fa;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}


#9 vvvitekkk77

vvvitekkk77

    Пользователь

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

Отправлено 02 Май 2015 - 11:38

непомогает

#10 vvvitekkk77

vvvitekkk77

    Пользователь

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

Отправлено 02 Май 2015 - 21:55

помогите ктонибудь

#11 Cupuyc

Cupuyc

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

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

Отправлено 03 Май 2015 - 08:54

Просмотр сообщенияvvvitekkk77 (02 Май 2015 - 21:55) писал:

помогите ктонибудь

Здравствуйте, пожалуйста выполните предыдущую инструкцию для продолжения




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

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