Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Поскажите 1 Как мне увеличить размер слайлов в этом блоке 2Как увеличить количество самих слайдов 3 Как сместить сам слайдер немного вниз
<?if($URI_ID$="page1")?> <div class="slider"> <div class="slider-border"> <ul class="bxslider"> <li> <div class="slide-box"> <h1><strong>Best photo</strong> of the month</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <img src="/.s/t/1221/3.jpg" alt="" /> <div class="sub-info"><span></span>14.01.2013</div> </div> </li> <li> <div class="slide-box"> <h1><strong>Best photo</strong> of the month</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <img src="/.s/t/1221/4.jpg" alt="" /> <div class="sub-info"><span></span>23.10.2013</div> </div> </li> сюда добавляем код выделенный выше и так для каждого нового слайда, блок выделенный выше, это код для каждого нового слайда </ul> </div> </div> <?endif?>
.slider { border: 1px solid rgba(67,87,88,0.5); padding: 10px; margin-bottom: 15px; background: linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%); background: -moz-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%); background: -webkit-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%); background: -o-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%); background: -ms-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%); height: 300px; position:relative; top:10px; }