Как Увеличить Размер Размер Слайда
#1
Отправлено 05 Июнь 2015 - 10:50
2.Увеличить размер букв в верхнем меню сделать чуть пожирнее и больше
аккаунт SL-344686
спасибо
#2
Отправлено 05 Июнь 2015 - 11:09
Kamunyaga (05 Июнь 2015 - 10:50) писал:
2.Увеличить размер букв в верхнем меню сделать чуть пожирнее и больше
аккаунт SL-344686
спасибо
Здравствуйте,
1) Пожалуйста уточните Вы хотели бы изменить размер слайдера или размер слайдов находящихся в нём?
2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}
Замените его на:
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:14px; text-decoration: none;}Значение "14px" отвечает за размер шрифта.
#3
Отправлено 05 Июнь 2015 - 11:14
Cupuyc (05 Июнь 2015 - 11:09) писал:
1) Пожалуйста уточните Вы хотели бы изменить размер слайдера или размер слайдов находящихся в нём?
2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}
Замените его на:
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:14px; text-decoration: none;}Значение "14px" отвечает за размер шрифта.
размер слайдера
#6
Отправлено 15 Сентябрь 2015 - 00:19
Нужно уменьшть его как на скрине. чтобы он был не во всю длинну страницы.
спасибо.
#7
Отправлено 15 Сентябрь 2015 - 02:46
В шаблоне HTML найдите:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}
перенесите его ниже, поставив после:
<div class="content container">
далее в style.css найдите:
.flexslider {margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
замените на:
.flexslider {margin: 0 15px 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
#8
Отправлено 15 Сентябрь 2015 - 11:44
Vaccina (15 Сентябрь 2015 - 02:46) писал:
В шаблоне HTML найдите:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}
перенесите его ниже, поставив после:
<div class="content container">
далее в style.css найдите:
.flexslider {margin: 0 0 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
замените на:
.flexslider {margin: 0 15px 30px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
Благодарю, а где задаются размеры, скорость и количество слайдов?
#9
Отправлено 15 Сентябрь 2015 - 11:55
Treeitory-s (15 Сентябрь 2015 - 11:44) писал:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}Например нужно добавить 1 слайд:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}В main.js найдите код
//Слайдер на главной $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); });и замените на
//Слайдер на главной $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", slideshowSpeed: 7000, //Integer: Скорость слайдшоу в мс animationSpeed: 600, //Integer: Скорость анимации в мс start: function(slider){ $('body').removeClass('loading'); } }); });изменяйте значения на свои
#10
Отправлено 15 Сентябрь 2015 - 14:24
Danil (15 Сентябрь 2015 - 11:55) писал:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}Например нужно добавить 1 слайд:
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=autumn"></a></li> </ul> </div> {% ENDIF %}В main.js найдите код
//Слайдер на главной $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); });и замените на
//Слайдер на главной $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", slideshowSpeed: 7000, //Integer: Скорость слайдшоу в мс animationSpeed: 600, //Integer: Скорость анимации в мс start: function(slider){ $('body').removeClass('loading'); } }); });изменяйте значения на свои
Благодарю, а размер слайда определяется размером рисунка?
#11
Отправлено 15 Сентябрь 2015 - 14:40
Treeitory-s (15 Сентябрь 2015 - 14:24) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных