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


"наплыв" Фото На Главной Странице


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

#1 mrsimon90

mrsimon90

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

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

Отправлено 22 Январь 2018 - 19:07

Здравствуйте! Помогите сделать наплыв фото на главной странице так, как это сделано в меню "Девушки" (При загрузке главной страницы фото медленно как бы увеличивается и создается эффект наплыва) аккаунт SL-404966 Спасибо!

#2 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 25 Январь 2018 - 16:39

Просмотр сообщенияmrsimon90 (22 Январь 2018 - 19:07) писал:

Здравствуйте! Помогите сделать наплыв фото на главной странице так, как это сделано в меню "Девушки" (При загрузке главной страницы фото медленно как бы увеличивается и создается эффект наплыва) аккаунт SL-404966 Спасибо!

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
		  <!-- Slider Слайдер -->
	  <!-- Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	  <div class="slide"></div>
	  <div class="text">

		<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
	  </div>
	  <div class="image">
		<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
		  <a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		</div><br><br>
		
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide2"></div>
		  <div class="text">
		  <a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		</div><br><br>
		
	   <div id="slideshow">
		 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		 <div class="slide3"></div>
		 <div class="text">
		 <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		 </div>
	   </div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->


Далее в шаблоне main.css найдите, пожалуйста, следующий код:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

И замените его вот этим кодом:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}


#3 mrsimon90

mrsimon90

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

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

Отправлено 25 Январь 2018 - 20:25

Просмотр сообщенияRayLi (25 Январь 2018 - 16:39) писал:

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide3"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->


Далее в шаблоне main.css найдите, пожалуйста, следующий код:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

И замените его вот этим кодом:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
на главной странице пропали категории "Юноши" и "Дети", я вроде бы все правильно сделал, не знаю...

#4 mrsimon90

mrsimon90

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

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

Отправлено 25 Январь 2018 - 20:31

Просмотр сообщенияRayLi (25 Январь 2018 - 16:39) писал:

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

После чего замените его данным кодом:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide3"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->


Далее в шаблоне main.css найдите, пожалуйста, следующий код:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

И замените его вот этим кодом:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide3 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide3.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
Попробовал еще раз- тоже самое, восстановил сайт по ранее созданному бэкапу

#5 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 26 Январь 2018 - 11:39

Просмотр сообщенияmrsimon90 (25 Январь 2018 - 20:31) писал:

Попробовал еще раз- тоже самое, восстановил сайт по ранее созданному бэкапу

Здравствуйте.
Попробуйте, тогда, так же в шаблоне html найти следующий код:

				 <!-- Slider Слайдер -->
				 {% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">
								<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
				  </div>
				  <div class="image">
								<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
				  </div>
				</div><br><br>
				{% ENDIF %}
				<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
				{% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">

								<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
				  </div>
				  <div class="image">
								<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
				  </div>
				</div><br><br>
				{% ENDIF %}
				<!-- /END Slider Слайдер -->
   
				  <!-- Slider Слайдер -->
		  <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
		  </div>
		</div>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->

И заменить его вот этим кодом:


				 <!-- Slider Слайдер -->
				 {% IF index_page %}
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide"></div>
				  <div class="text">
				  <a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
				  </div>
				</div><br><br>
				
				<div id="slideshow">
				  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				  <div class="slide1"></div>
				  <div class="text">
				  <a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
				  </div>
				</div><br><br>
				
		   <div id="slideshow">
				 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
				 <div class="slide2"></div>
				 <div class="text">
				 <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
				 </div>
		   </div>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->



После чего в шаблоне main.css найдите, пожалуйста, данный код:


#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

И замените его вот этим кодом:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}


#6 mrsimon90

mrsimon90

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

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

Отправлено 26 Январь 2018 - 13:31

Просмотр сообщенияRayLi (26 Январь 2018 - 11:39) писал:

Здравствуйте.
Попробуйте, тогда, так же в шаблоне html найти следующий код:

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
</div>
</div><br><br>
{% ENDIF %}
<!-- /END Slider Слайдер -->

<!-- Slider Слайдер -->
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">

<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
<div class="image">
<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

И заменить его вот этим кодом:


<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide1"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
</div>
</div><br><br>

<div id="slideshow">
<div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
<div class="slide2"></div>
<div class="text">
<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
</div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->



После чего в шаблоне main.css найдите, пожалуйста, данный код:


#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

И замените его вот этим кодом:

#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
Тоже самое, после того как меняю код в html категории юноши и дети пропадают, после замены кода в main.css ничего не меняется

#7 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 07 Февраль 2018 - 10:00

Просмотр сообщенияmrsimon90 (26 Январь 2018 - 13:31) писал:

Тоже самое, после того как меняю код в html категории юноши и дети пропадают, после замены кода в main.css ничего не меняется

Здравствуйте.
В шаблоне html найдите, пожалуйста, снова данный код:

		 <!-- Slider Слайдер -->
		 {% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
   <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">

				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
		<!-- /END Slider Слайдер -->
   
		  <!-- Slider Слайдер -->
	  <!-- Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	  <div class="slide"></div>
	  <div class="text">

		<a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
	  </div>
	  <div class="image">
		<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Slider Слайдер -->

И замените его вот этим кодом:

		 <!-- Slider Слайдер -->
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/Devushki" class="button big"><font color="ffffff">Девушки</font></a>
		  </div>
		</div><br><br>
		{% ENDIF %}
   
		{% IF index_page %}
		<div id="slideshow">
		  <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		  <div class="slide"></div>
		  <div class="text">
				<a href="http://gmarussia.ru/catalog/yunoshi" class="button big"><font color="ffffff">Юноши</font></a>
		  </div>
		  <div class="image">
				<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise"/>
		  </div>
		</div><br><br>
		{% ENDIF %}
   
	   {% IF index_page %}
	   <div id="slideshow">
		 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
		 <div class="slide"></div>
		 <div class="text">
		   <a href="http://gmarussia.ru/catalog/Deti" class="button big"><font color="ffffff">Дети</font></a>
		 </div>
		 <div class="image">
		   <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise"/>
		 </div>
	   </div>
	   {% ENDIF %}
	   <!-- /END Slider Слайдер -->


Далее в шаблоне main.css найдите, пожалуйста, данный код:


#main {position: relative;overflow: hidden;}
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #1f1c1d;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

И замените его этим кодом:



#main {position: relative;overflow: hidden;}
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide1 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .slide2 {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide2.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #1f1c1d;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}






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

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