🔶 Свежий релиз CMS Legosp 6.3.1
😎 Новый универсальный шаблон "Store"
👉 Новая услуга "Бесплатный SEO анализ" вашего сайта!
🔴 6 супер модулей всего за 👉100$ В разделе модули "Комплект из 6-ти модулей"
💣 УРА! Мы обновили дизайн сайта!
☁️ Интернет-магазин в облаке Legosp CLOUD!⚡⚡⚡
Просмотр сообщений
В этом разделе можно просмотреть все сообщения, сделанные этим пользователем.
/*Листание*/
#magazine{
margin:0 10%;
}
#magazine .turn-page{
background-color:#ccc;
background-size:100% 100%;
} <!--Листать страницы-->
<script type="text/javascript" src="./core/js/jquery.min.js"></script>
<script type="text/javascript" src="./core/js/turn.min.js"></script> {literal}<script type="text/javascript">
$('#magazine').bind('turned', function(e, page) {
console.log('Current view: ', $('#magazine').turn('view'));
})
$('#magazine').turn({width: 800, height: 568, acceleration: true, shadows: !$.isTouch});
</script>{/literal}<div id="magazine">
<div style="background-image:url(./pages/1.png);"></div>
<div style="background-image:url(./pages/2.png);"></div>
<div style="background-image:url(./pages/3.png);"></div>
<div style="background-image:url(./pages/4.png);"></div>
<div style="background-image:url(./pages/5.png);"></div>
<div style="background-image:url(./pages/6.png);"></div>
</div>
где url(./pages/1.png) - адрес вашей картинки, в данном случае - корень сайта, папка pagesа можно ли сам блок с товаром как то уменьшить немножко? и где это можно сделать?
<script type="text/javascript" src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>/*Слайдер*/
.theme-default #slider {
margin:0 auto 0 auto;
width:742px; /* Ширина слайдера */
height:456px; /* Высота слайдера */
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ccc;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*дефолт тема*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(../image/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 img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../image/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../image/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="#"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/1.jpg" alt="" title="Надпись к изображению" /></a>
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/2.jpg" alt=""/>
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/3.jpg" alt="" data-transition="slideInLeft" />
<img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/2.jpg" alt=""/>
</div>
</div>
</div>
<br><br>{$index}[/spoiler]
<script type="text/javascript" src="./core/js/jquery.nivo.slider.pack.js"></script><script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>/*Слайдер*/
.theme-default #slider {
margin:0 auto 0 auto;
width:742px; /* Make sure your images are the same size */
height:456px; /* Make sure your images are the same size */
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ccc;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*дефолт тема*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(../image/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 img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../image/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../image/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="ссылка"><img src="Путь к картинке" alt="" title="Надпись к изображению" /></a>
<img src="Путь к картинке" alt=""/>
<img src="Путь к картинке" alt="" data-transition="slideInLeft" />
<img src="Путь к картинке" alt=""/>
</div>
</div>
</div><img id="dp{$product_info[11]}" src="./products_pictures/{if $p_default[$id]}{$p_default[$id]}-B.jpg{else}{$product_info[7]}{/if}" alt="{$product_info[1]|replace:'"':'"'}" />чтобы вывести не маленькое, а среднее фото?