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


Главная Туризма В Рассвет

Автор Дмитрий Шумский, 17 июля 2017 18:27

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

#1 Дмитрий Шумский

Дмитрий Шумский

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

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

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

Здравствуйте!

Очень понравился новый шаблон Туризм, в особенности его главная страница.

Аккаунт SL-357668

У меня стоит шаблон Рассвет, и он меня полностью устраивает, но я бы хотел взять главную из Туризма и поставить её у себя. Что я имею ввиду..

Оставить верхнюю шапку и подвал Рассвета, а все баннеры и последовательность на главной сделать как в Туризме.

Подскажите пожалуйста, как это сделать?

Спасибо!

#2 Дмитрий Шумский

Дмитрий Шумский

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

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

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

Здравствуйте!

Очень понравился новый шаблон Туризм, в особенности его главная страница.

Аккаунт SL-357668

У меня стоит шаблон Рассвет, и он меня полностью устраивает, но я бы хотел взять ГЛАВНУЮ из Туризма и поставить её у себя. Что я имею ввиду..

Шапку сайта полностью оставляем как есть

14.jpg

А всё остальное с шаблона Туризм,

15.jpg

Чтобы баннеры и всё остальное было как в туризме, и чтобы можно было свои картинки вставлять...

16.jpg

Подскажите пожалуйста, как это сделать?

Спасибо!

#3 Vaccina

Vaccina

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

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

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

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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">
	 <div class="title">Чем бы себя сегодня порадовать?</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог магазина Fulmar</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

замените на:
{% IF index_page %}
<!-- Слайдшоу-->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="slider owl-carousel">
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content right">
			 <h2>Большой выбор</h2>
			 <p>аксессуаров для путешествий</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content left">
			 <h2>Путешествуйте с нами</h2>
			 <p>Скидки до 30% на новую коллекцию</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>

<!-- Баннеры -->
<div id="banners">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="banner-left">
	 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);">
		 <div class="content big">
		 <h3>Стильные сумки</h3>
		 <h4>Выберите свой аксессуар</h4>
		 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
	 </div>
	 </div>
	 <div class="banner-right">
	 <div class="banner-left">
		 <div class="banner-top">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;">
			 <div class="content small">
			 <h3>Распродажа</h3>
			 <h4>Скидки до 70%</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
		 <div class="banner-bottom">
		 <div class="banner-image bg">
			 <div class="content small">
			 <h3>Последний</h3>
			 <h4>Шанс купить</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="banner-right">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);">
		 <div class="content big">
			 <h3>Одежда</h3>
			 <h4>Новая колекция</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}

Далее зайдите в 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 .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}


замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
#slideshow .item {position: relative;}
#slideshow .item .content {position: absolute;top: 35%;width: 100%;}
#slideshow .container .text-content {background: rgba(255,255,255,0.5);padding: 30px;}
#slideshow .container .text-content h2 {font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .container .text-content p {font-size: 34px;margin: 7px 0;color: #21293c;text-transform: uppercase;}
#slideshow .container .text-content .button {display: inline-block;margin-top: 20px;}
#slideshow .owl-dots {position: absolute;top: auto;bottom: 27px;left: auto;right: 15%;width: 100%;text-align: right;padding: 0 15px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 18px;height: 18px;border: 2px solid #019934;border-radius: 100%;background: none;margin: 0 4px;}
#slideshow .owl-dots .owl-dot.active span:after, #slideshow .owl-dots .owl-dot:hover span:after {content: '';position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;width: 6px;border: 2px solid #019934;border-radius: 100%;}
#slideshow .owl-dots .owl-dot.active span, #slideshow .owl-dots .owl-dot:hover span {border-color: #019934;}

/*** Баннеры ***/
#banners {display: inline-block;position: relative;background-color:#fff;width: 100%;margin: 10px 0;}
#banners .banner-left {float: left;width: 50%;padding-right: 5px;}
#banners .banner-right {float: left;width: 50%;padding-left: 5px;}
#banners .banner-right .banner-top {margin-bottom: 10px;}
#banners .banner-image {position: relative;background-size: cover;background-repeat: no-repeat;}
#banners .banner-image:not(.bg):before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity: 0;filter: alpha(opacity=0);-moz-transition: opacity 0.55s ease-out;-o-transition: opacity 0.55s ease-out;-webkit-transition: opacity 0.55s ease-out;transition: opacity 0.55s ease-out;}
#banners .banner-image:hover:before {opacity: 0.4;filter: alpha(opacity=40);}
#banners .banner-image .content {text-align: center;padding: 300px 0;}
#banners .banner-image .content.small {padding: 150px 0;}
#banners .banner-image .content h3, #banners .banner-image .content h4 {color: #fff;}
#banners .banner-image .content h3 {font-size: 48px;margin-bottom: 10px;}
#banners .banner-image .content h4 {font-size: 30px;}
#banners .banner-image .content .button {margin-top: 20px;border-width: 2px;border-style: solid;border-color: #fff;color: #fff;background-color: transparent;font-size: 18px;line-height: 45px;padding: 0 35px;}
#banners .banner-image .content .button:hover {border-color: #fff;background-color: #fff;color: #000;}
#banners .banner-image.bg {background-color: #019934;}
#banners .banner-image.bg:hover {background-color: #858585;}
#banners .banner-image.bg .content.small {padding: 55px 0;outline: 3px solid #fff;outline-offset: -20px;}
#banners .banner-image .content h3 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h3 {-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content h4 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h4 {-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content .button {opacity: 0;filter: alpha(opacity=0);-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content .button {opacity: 1;filter: alpha(opacity=100);-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


Далее зайдите в main.js - найдите:
// Функции для главной страницы
function indexPage() {

после него вставьте:
// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
items: 1,
loop: true,
rewind: true,
lazyLoad: false,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
dotsSpeed: 400,
mouseDrag: true,
touchDrag: true,
pullDrag: true
});
// add animate.css class(es) to the elements to be animated
function setAnimation ( _elem, _InOut ) {
// Store all animationend event name in a string.
// cf animate.css documentation
var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
_elem.each ( function () {
	 var $elem = $(this);
	 var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut );
	 $elem.addClass($animationType).one(animationEndEvent, function () {
	 $elem.removeClass($animationType); // remove animate.css Class at the end of the animations
	 });
});
}
// Fired before current slide change
owlS.on('change.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-out]");
	 setAnimation ($elemsToanim, 'out');
});
// Fired after current slide has been changed
owlS.on('changed.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-in]");
	 setAnimation ($elemsToanim, 'in');
});

  В раздел Сайт - Редактор шаблонов загрузите следующие изображения:
banner1.jpg
banner2.jpg
banner3.jpg
slide1.jpg
slide2.jpg

#4 Дмитрий Шумский

Дмитрий Шумский

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

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

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

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

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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">
	 <div class="title">Чем бы себя сегодня порадовать?</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог магазина Fulmar</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

замените на:
{% IF index_page %}
<!-- Слайдшоу-->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="slider owl-carousel">
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content right">
			 <h2>Большой выбор</h2>
			 <p>аксессуаров для путешествий</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content left">
			 <h2>Путешествуйте с нами</h2>
			 <p>Скидки до 30% на новую коллекцию</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>

<!-- Баннеры -->
<div id="banners">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="banner-left">
	 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);">
		 <div class="content big">
		 <h3>Стильные сумки</h3>
		 <h4>Выберите свой аксессуар</h4>
		 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
	 </div>
	 </div>
	 <div class="banner-right">
	 <div class="banner-left">
		 <div class="banner-top">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;">
			 <div class="content small">
			 <h3>Распродажа</h3>
			 <h4>Скидки до 70%</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
		 <div class="banner-bottom">
		 <div class="banner-image bg">
			 <div class="content small">
			 <h3>Последний</h3>
			 <h4>Шанс купить</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="banner-right">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);">
		 <div class="content big">
			 <h3>Одежда</h3>
			 <h4>Новая колекция</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}

Далее зайдите в 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 .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}


замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
#slideshow .item {position: relative;}
#slideshow .item .content {position: absolute;top: 35%;width: 100%;}
#slideshow .container .text-content {background: rgba(255,255,255,0.5);padding: 30px;}
#slideshow .container .text-content h2 {font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .container .text-content p {font-size: 34px;margin: 7px 0;color: #21293c;text-transform: uppercase;}
#slideshow .container .text-content .button {display: inline-block;margin-top: 20px;}
#slideshow .owl-dots {position: absolute;top: auto;bottom: 27px;left: auto;right: 15%;width: 100%;text-align: right;padding: 0 15px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 18px;height: 18px;border: 2px solid #019934;border-radius: 100%;background: none;margin: 0 4px;}
#slideshow .owl-dots .owl-dot.active span:after, #slideshow .owl-dots .owl-dot:hover span:after {content: '';position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;width: 6px;border: 2px solid #019934;border-radius: 100%;}
#slideshow .owl-dots .owl-dot.active span, #slideshow .owl-dots .owl-dot:hover span {border-color: #019934;}

/*** Баннеры ***/
#banners {display: inline-block;position: relative;background-color:#fff;width: 100%;margin: 10px 0;}
#banners .banner-left {float: left;width: 50%;padding-right: 5px;}
#banners .banner-right {float: left;width: 50%;padding-left: 5px;}
#banners .banner-right .banner-top {margin-bottom: 10px;}
#banners .banner-image {position: relative;background-size: cover;background-repeat: no-repeat;}
#banners .banner-image:not(.bg):before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity: 0;filter: alpha(opacity=0);-moz-transition: opacity 0.55s ease-out;-o-transition: opacity 0.55s ease-out;-webkit-transition: opacity 0.55s ease-out;transition: opacity 0.55s ease-out;}
#banners .banner-image:hover:before {opacity: 0.4;filter: alpha(opacity=40);}
#banners .banner-image .content {text-align: center;padding: 300px 0;}
#banners .banner-image .content.small {padding: 150px 0;}
#banners .banner-image .content h3, #banners .banner-image .content h4 {color: #fff;}
#banners .banner-image .content h3 {font-size: 48px;margin-bottom: 10px;}
#banners .banner-image .content h4 {font-size: 30px;}
#banners .banner-image .content .button {margin-top: 20px;border-width: 2px;border-style: solid;border-color: #fff;color: #fff;background-color: transparent;font-size: 18px;line-height: 45px;padding: 0 35px;}
#banners .banner-image .content .button:hover {border-color: #fff;background-color: #fff;color: #000;}
#banners .banner-image.bg {background-color: #019934;}
#banners .banner-image.bg:hover {background-color: #858585;}
#banners .banner-image.bg .content.small {padding: 55px 0;outline: 3px solid #fff;outline-offset: -20px;}
#banners .banner-image .content h3 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h3 {-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content h4 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h4 {-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content .button {opacity: 0;filter: alpha(opacity=0);-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content .button {opacity: 1;filter: alpha(opacity=100);-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


Далее зайдите в main.js - найдите:
// Функции для главной страницы
function indexPage() {

после него вставьте:
// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
items: 1,
loop: true,
rewind: true,
lazyLoad: false,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
dotsSpeed: 400,
mouseDrag: true,
touchDrag: true,
pullDrag: true
});
// add animate.css class(es) to the elements to be animated
function setAnimation ( _elem, _InOut ) {
// Store all animationend event name in a string.
// cf animate.css documentation
var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
_elem.each ( function () {
	 var $elem = $(this);
	 var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut );
	 $elem.addClass($animationType).one(animationEndEvent, function () {
	 $elem.removeClass($animationType); // remove animate.css Class at the end of the animations
	 });
});
}
// Fired before current slide change
owlS.on('change.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-out]");
	 setAnimation ($elemsToanim, 'out');
});
// Fired after current slide has been changed
owlS.on('changed.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-in]");
	 setAnimation ($elemsToanim, 'in');
});

  В раздел Сайт - Редактор шаблонов загрузите следующие изображения:
Прикрепленный файл banner1.jpg
Прикрепленный файл banner2.jpg
Прикрепленный файл banner3.jpg
Прикрепленный файл slide1.jpg
Прикрепленный файл slide2.jpg

Всё вроде получилось, но немного неровно встало.

5.jpg

Подскажите пожалуйста, как это исправить?

Спасибо!

#5 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2017 - 06:28

Здравствуйте.

Попробуйте почистить кэш браузера, на данный момент между баннерами и слайдером отсутствует отступ.
Fulmar.ru интернет магазин полезных товаров для каждого(1).png

Если проблема не пройдет, то уточните пожалуйста используемый вами браузер(проверяла в Mozilla Firefox).

#6 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 21 Июль 2017 - 14:46

Здравствуйте

1. На моем пробном акаунте SL-410692 есть кнопка "Оставить заявку" расположена в правом верхнем углу. Её нужно установить в шаблоне Туризм на акаунте SL-419429 вместо ЛК и регистрации.

2. Добавить customers Нас выбрали более 1000 клиентов между блоками на скрине

3. information Работать с нами просто перед подвалом добавить из шаблона рассвет

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

  • 11111111.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 22 Июль 2017 - 07:31

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			 <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			 {% ELSE %}
			 <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			 <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			 <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			 <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			 {% ENDIF %}
		 </div>

замените на:
<div class="links">
<a style="margin-top: -11px;" class="button big callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Оставить заявку</a>
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
		 </div>

Другие блоки у вас уже установлены, вам необходимо в раздел Сайт - Редактор шаблонов - загрузить следующие иконки для них:
car.png help.png list.png list2.png money.png money2.png people.png price.png time.png

#8 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 24 Июль 2017 - 09:23

Просмотр сообщенияVaccina (22 Июль 2017 - 07:31) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div>
			 <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div>
			 {% ELSE %}
			 <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div>
			 <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div>
			 <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div>
			 <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div>
			 {% ENDIF %}
		 </div>

замените на:
<div class="links">
<a style="margin-top: -11px;" class="button big callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Оставить заявку</a>
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
		 </div>

Другие блоки у вас уже установлены, вам необходимо в раздел Сайт - Редактор шаблонов - загрузить следующие иконки для них:
Прикрепленный файл car.pngПрикрепленный файл help.pngПрикрепленный файл list.pngПрикрепленный файл list2.pngПрикрепленный файл money.pngПрикрепленный файл money2.pngПрикрепленный файл people.pngПрикрепленный файл price.pngПрикрепленный файл time.png

Здравствуйте
У меня была кнопка "Оставить заявку" с моими пунктами. Где можно изменить пункты всплывающего окна?

#9 Mr.Nito

Mr.Nito

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

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

Отправлено 24 Июль 2017 - 11:03

Просмотр сообщенияadmin (24 Июль 2017 - 09:23) писал:

Здравствуйте
У меня была кнопка "Оставить заявку" с моими пунктами. Где можно изменить пункты всплывающего окна?
Здравствуйте.
Перенёс блок обратного звонка со всеми пунктами с аккаунта 410692

#10 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 24 Июль 2017 - 11:35

Просмотр сообщенияMr.Nito (24 Июль 2017 - 11:03) писал:

Здравствуйте.
Перенёс блок обратного звонка со всеми пунктами с аккаунта 410692

Требуется доработка....
1.Вес приходит в письме как область, нужно его вставить как и обьем, а строку область убрать (на скрине)
2.Далее нужно сделать отступ между блоками заполнения, сейчас они сливаются.

Ещё добавил форму обратного звонка из рассвета над подвалом. Она не работает, нужно поправить.

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

  • 111111.jpg

#11 Mr.Nito

Mr.Nito

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

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

Отправлено 24 Июль 2017 - 12:43

Просмотр сообщенияadmin (24 Июль 2017 - 11:35) писал:

Требуется доработка....
1.Вес приходит в письме как область, нужно его вставить как и обьем, а строку область убрать (на скрине)
2.Далее нужно сделать отступ между блоками заполнения, сейчас они сливаются.

Ещё добавил форму обратного звонка из рассвета над подвалом. Она не работает, нужно поправить.
1-2 Изменения произвёл
<input id="callback_region2" type="text" type="text" name="form[Вес]" value="{FORM_CALLBACK_weight}" maxlength="255" placeholder="Вес" class="inputText" />

/*Обратный звонок шапка*/
#fancybox-callback input{margin:5px 0}

Форму обратного звонка поправил в main.js

#12 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 25 Июль 2017 - 13:56

Здравствуйте ещё раз!

Аккаунт SL-357668

Подскажите пожалуйста, как установить Блок новостей на главной из шаблона Туризм

123.jpg

Спасибо!

#13 Vaccina

Vaccina

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

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

Отправлено 26 Июль 2017 - 06:19

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0">
	  <div class="container">
		<h2 class="title">Новости</h2>
		<div class="navigation">
		  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		</div>
		<div class="block-news">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_all.TIME | date("m")}</span>
				  <span class="d-day">{news_list_all.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				  <p class="description">{news_list_all.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_shop.TIME | date("m")}</span>
				  <span class="d-day">{news_list_shop.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				  <p class="description">{news_list_shop.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->



замените на:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news">
	  <div class="container">
		<div class="block-title">
		  <h2 class="title"><a href="{NEWS_ALL_URL}" title="Список новостей магазина">Новости</a></h2>
		</div>
		<div class="block-news owl-carousel">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="post-content">
				  <div class="title"><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
				  <div class="date">{news_list_all.TIME | date("d")}-{news_list_all.TIME | date("m")}-{news_list_all.TIME | date("y")}</div>
				  <div class="description"><p>{news_list_all.TEXT_SHORT | htmlspecialchars_decode}</p></div>
				  <a href="{news_list_all.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="post-content">
				  <div class="title"><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
				  <div class="date">{news_list_shop.TIME | date("d")}-{news_list_shop.TIME | date("m")}-{news_list_shop.TIME | date("y")}</div>
				  <div class="description"><p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p></div>
				  <a href="{news_list_shop.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- /END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->


Далее зайдите в main.css - найдите:
/*** Новости ***/
.news-box .news {border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.news-box .news:last-child {border-bottom: 0;margin-bottom: 0;}
.news-box .news .title {margin-bottom: 10px;}
.news-box .news-content p {margin-bottom: 0px;}
.news-box .news-time {text-align: right;margin-bottom: 10px;}


замените на:
/*** Новости ***/
#news {background-color: #efefef;padding: 0px 0 60px;}
#news .block-title h2.title {margin: 40px 0 20px 0;font-weight: 600;text-align: center;}
#news .block-news .item {position: relative;padding: 10px 10px 0;}
#news .block-news .post-content {position: relative;left: -5px;background-color: #fff;text-align: left;padding: 40px;min-height: 212px;}
#news .block-news .title {min-height: auto;margin-bottom: 9px;border: 0;}
#news .block-news .title a {display: block;overflow: hidden;line-height: 20px;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: -0.001em;margin-bottom: 12px;white-space: nowrap;text-overflow: ellipsis;}
#news .block-news .date {display: inline-block;background-color: #019934;color: #fff;font-size: 14.5px;letter-spacing: 0.1em;font-family: 'PT Sans Narrow', sans-serif;float: none;text-align: left;padding: 8px;font-weight: 300;margin-bottom: 8px;}
#news .block-news .description {line-height: 25px;font-size: 15px;letter-spacing: 0.03em;padding: 0;margin-bottom: 15px;}
#news .block-news .description > p {margin: 0;max-height: 108px;overflow: hidden;}
#news .block-news .more {text-transform: uppercase;font-size: 13px;font-weight: 700;letter-spacing: 0.03em;}


далее найдите и удалите:
/*** Новости ***/
#news .title {margin-bottom: 30px;}
#news .item {padding: 0 60px;clear: both;}
#news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;}
#news .item .content {display: inline-block;width: 80%;text-align: left;}


Далее зайдите в main.js - найдите:
// Новости на главной
jQuery(function($) {
  var carouselU = $('#news .block-news');
	carouselU.owlCarousel({
	  singleItem: true,
	  lazyLoad: true,
	  pagination: false,
	  navigation: true,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: true,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.related-goods .navigation a').show();
		}else{
		  $('.related-goods .navigation a').hide();
		}
	  }
	});
  jQuery('#news .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('#news .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});


замените на:
// Новости на главной
jQuery(function($) {
  var carouselU = $('#news .block-news');
	carouselU.owlCarousel({
	  singleItem: false,
	  lazyLoad: true,
	  pagination: false,
	  navigation: true,
	  items: 2,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: true,
	  autoPlay: true,
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.related-goods .navigation a').show();
		}else{
		  $('.related-goods .navigation a').hide();
		}
	  }
	});
  jQuery('#news .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('#news .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

Результат должен быть следующий:
Fulmar.ru интернет магазин полезных товаров для каждого.png

#14 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 29 Сентябрь 2017 - 10:19

Здравствуйте
Требуется слайдер сделать до конца на верх.
Как сделать #header position: absolute; только для главной страницы?

#15 Mr.Nito

Mr.Nito

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

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

Отправлено 29 Сентябрь 2017 - 11:13

Просмотр сообщенияadmin (29 Сентябрь 2017 - 10:19) писал:

Здравствуйте
Требуется слайдер сделать до конца на верх.
Как сделать #header position: absolute; только для главной страницы?

В файле main.css заменил
.index #header {background-color: rgba(255, 255, 255, 0.75);}
на
.index #header {background-color: rgba(255, 255, 255, 0.75);position: absolute;}

#16 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 29 Сентябрь 2017 - 14:26

Просмотр сообщенияMr.Nito (29 Сентябрь 2017 - 11:13) писал:

В файле main.css заменил
.index #header {background-color: rgba(255, 255, 255, 0.75);}
на
.index #header {background-color: rgba(255, 255, 255, 0.75);position: absolute;}

Спасибо

Можно ли в шапку разместить кнопку меню для мобильной версии вместо (о компании, отзывы,контакты и т.д.) Но только что бы она раскрывалась при наведении (сейчас от нажатия)

#17 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 30 Сентябрь 2017 - 09:53

В дополнение к выше сказанному:
Нужно переименовать кнопку МЕНЮ в О КОМПАНИИ и сделать один в один с раскрывающимися подкатегориями

#18 Mr.Nito

Mr.Nito

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

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

Отправлено 30 Сентябрь 2017 - 13:46

Просмотр сообщенияadmin (30 Сентябрь 2017 - 09:53) писал:

В дополнение к выше сказанному:
Нужно переименовать кнопку МЕНЮ в О КОМПАНИИ и сделать один в один с раскрывающимися подкатегориями
Изменения нужны, как на скриншоте ниже ?

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

  • 30-09-2017 13-44-31.jpg
  • 30-09-2017 13-46-22.jpg

#19 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 30 Сентябрь 2017 - 17:41

Просмотр сообщенияMr.Nito (30 Сентябрь 2017 - 13:46) писал:

Изменения нужны, как на скриншоте ниже ?

Нет
переименовать и сделать как (например категория "грузоперевозки") только в разрешении более 991. Мобильную версию оставить.
У меня сейчас в один ряд (страницы из меню и категории в шапке)

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

  • Переезды.jpg

#20 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Октябрь 2017 - 11:46

Просмотр сообщенияadmin (30 Сентябрь 2017 - 17:41) писал:

Нет
переименовать и сделать как (например категория "грузоперевозки") только в разрешении более 991. Мобильную версию оставить.
У меня сейчас в один ряд (страницы из меню и категории в шапке)
В main.css
перед
/** Иконка адаптивного меню **/
добавил
#header .header-right .header-links .top-links .icon {display: block;float: right;color: #555;}
#header .header-right .header-links .top-links .links {display: none;position: absolute;top: 100%;z-index: 9;height: auto;background-color: #fff!important;border-radius: 0;margin: 0;padding: 5px 0;border: 1px solid #ccc;}
#header .header-right .header-links .top-links .links.show {display: block;width: 140px;}
#header .header-right .header-links .top-links .links li {display: block;margin: 10px 0;}
#header .header-right .header-links .top-links .links li:last-child {padding-right: 16px;}
#header .header-right .header-links .top-links .links li a:hover {color: #51a26c;}
#header .header-right .header-links .top-links {padding: 22px 5px;}
#header .header-right .header-links .top-links:hover .links  {display: block;width: 140px;}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Туризм
  5. → Главная
  6. Privacy Policy