как вставить слайдшоу из бесплатного шаблона дизайна 1211 на свой сайт?
В CSS вставила:
#slider-w {position:relative;border:3px solid #292114;background:#5c9630;}
#slider {height:100%;width:100%;overflow:hidden;}
#slider ul,#slider li {padding:0;margin:0;list-style:none;}
.slide {position:relative;overflow:hidden;}
.slide-img {display:block;width:100%;min-height:100%;}
.slide-ds {position:absolute;max-width:50%;bottom:130px;left:60px;color:#fff;text-shadow:0 1px 1px #000;font-size:14px;font-weight:bold;}
.slide-tt,.slide-tt a {color:#fff;text-shadow:0 1px 1px #000;font-size:22px;padding:0 0 10px;text-transform: uppercase;}
.slide-but {position:absolute;left:60px;bottom:60px;}
.green-lnk,.brown-lnk {display:inline-block;margin:0 20px 0 0;padding:0 20px;height:40px;line-height:40px;border:3px solid #292114;background:#7c4500 url(/.s/t/1211/side.jpg);color:#fff;text-transform:uppercase;font-weight:bold;text-shadow:0 1px 1px #250d03;}
.green-lnk {background:#447e18 url(/.s/t/1211/title.jpg);text-shadow:0 1px 1px #32561b;}
.green-lnk:hover,.brown-lnk:hover {background:#2f2318 url(/.s/t/1211/bottom.jpg);border-color:#447e18;text-decoration:none;}
.flex-prev,.flex-next {position:absolute;display:block;width:36px;height:42px;border:3px solid #292114;background:#7c4500 url(/.s/t/1211/side.jpg);top:50%;margin:-20px 0 0;}
.flex-prev {left:-42px;}
.flex-next {right:-42px;}
.flex-prev:before {position:absolute;left:0;top:-13px;content:"";width:0;height:0;border-right:36px solid #292114;border-top:10px solid transparent;}
.flex-prev:after {position:absolute;left:12px;top:11px;content:"";width:0;height:0;border-right:10px solid #1a1109;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.flex-prev:hover:after {border-right-color:#fff;}
.flex-next:before {position:absolute;right:0;top:-13px;content:"";width:0;height:0;border-left:36px solid #292114;border-top:10px solid transparent;}
.flex-next:after {position:absolute;right:12px;top:11px;content:"";width:0;height:0;border-left:10px solid #1a1109;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.flex-next:hover:after {border-left-color:#fff;}
header .modBlock {position: relative;}
Сам код выглядит так:
<div id="head-b">
<div id="slider-w">
<div id="slider">
<ul class="slides">
<li>
<div class="slide"><img src="/.s/t/1211/slide.jpg" alt="" class="slide-img"><div class="slide-ds"><div class="slide-tt">Morbi vitae rhoncus tellus</div>Aenean eget dolor ut nulla fermentum tincidunt. Donec mollis lacinia lectus, sed tristique eros consequat in. Vestibulum id dui eget velit pulvinar pulvinar. Morbi vitae rhoncus tellus.</div><div class="slide-but"><a href="" class="green-lnk">Lorem ipsum dolor sit amet</a><a href="" class="brown-lnk">Read More</a></div></div>
</li>
<li>
<div class="slide"><img src="/.s/t/1211/slide1.jpg" alt="" class="slide-img"><div class="slide-ds"><div class="slide-tt">Morbi vitae rhoncus tellus</div>Aenean eget dolor ut nulla fermentum tincidunt. Donec mollis lacinia lectus, sed tristique eros consequat in. Vestibulum id dui eget velit pulvinar pulvinar. Morbi vitae rhoncus tellus.</div><div class="slide-but"><a href="" class="green-lnk">Lorem ipsum dolor sit amet</a><a href="" class="red-lnk">Read More</a></div></div>
</li>
<li>
<div class="slide"><img src="/.s/t/1211/slide2.jpg" alt="" class="slide-img"><div class="slide-ds"><div class="slide-tt">Morbi vitae rhoncus tellus</div>Aenean eget dolor ut nulla fermentum tincidunt. Donec mollis lacinia lectus, sed tristique eros consequat in. Vestibulum id dui eget velit pulvinar pulvinar. Morbi vitae rhoncus tellus.</div><div class="slide-but"><a href="" class="green-lnk">Lorem ipsum dolor sit amet</a><a href="" class="brown-lnk">Read More</a></div></div>
</li>
</ul>
</div>
<script type="text/javascript" src="/slajd_shapka.js"></script>
<script type="text/javascript">
var SLIDER = {
animation: "slide",
direction: "horisontal",
prevText: "",
nextText: "",
slideshowSpeed: 7000,
animationSpeed: 500,
pauseOnHover: true
};
</script>
</div>
</div>
но слайдшоу все равно отображается некорректно
Контент-модули
Продвижение сайта
Управление сайтом