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


Переместить Слайдер


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

#1 romatex

romatex

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

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

Отправлено 28 Ноябрь 2014 - 10:02

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


Изображение

#2 Danil

Danil

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

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

Отправлено 28 Ноябрь 2014 - 10:10

Просмотр сообщенияromatex (28 Ноябрь 2014 - 10:02) писал:

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


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

#3 romatex

romatex

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

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

Отправлено 30 Ноябрь 2014 - 09:54

SL-321656

#4 Ирина345

Ирина345

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

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

Отправлено 30 Ноябрь 2014 - 10:11

Просмотр сообщенияromatex (30 Ноябрь 2014 - 09:54) писал:

SL-321656
Здравствуйте,
найдите в html код
 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и перемести его после блока
 <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>

далее найдите в main.css

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}
замените на

#module_area {
width: 53%;
text-align: center;
padding: 5px 0;
float: left;
}


#5 romatex

romatex

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

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

Отправлено 30 Ноябрь 2014 - 10:27

Благодарю! Все получилось




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

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