|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Закругленные углы для картинок слайдера |
Закругленные углы для картинок слайдера |
Добрый вечер) Очень надо сделать закругленные углы к слайдеру, но у меня что-то безрезультатно(
Код /* coin slider */ .coinSlider {margin:8px 10px 8px 8px; float:left;} .coin-slider {border-radius:4px; overflow:hidden; zoom:1; position:relative;} .coin-slider a {text-decoration:none; outline:none; border:0 none;} .cs-buttons {font-size:0; padding:10px; float:left;} .cs-buttons a {margin-left:5px; height:10px; width:10px; float:left; border:1px solid #b8c4cf; color:#b8c4cf; text-indent:-1000px;} .cs-active {background:#b8c4cf; color:#fff;} .cs-title {width:582px; height:35px; line-height:35px; padding:0 15px 0 35px; background:url('../img/sliderBg.png'); color:#fff;} .cs-prev, .cs-next {background:rgba(0, 0, 0, 0.7); border-radius:3px; color:#fff; margin:-10px 20px!important; padding:0 10px;} a.cs-prev:link, a.cs-next:link {color:#fff;} a.cs-prev:hover, a.cs-next:hover {color:#fff;} #cs-buttons-coin-slider {display:none;} Код <div class="coinSlider"> <link type="text/css" rel="StyleSheet" href="/css/coin-slider-styles.css" /> <script type="text/javascript" src="/js/slider.js"></script> <script type="text/javascript" src="/js/slide_options.js"></script> <script type="text/javascript" src="/js/coin-slider.min.js"></script> <div id='coin-slider'> <a href="#"> <img src='/1e.jpg' title=""/> <span>Мини описание 1</span> </a> <a href="#"> <img src='/2.jpg' title=""/> <span> Мини описание 2</span> </a> </div> </div> |
|
| |||
| |||