хотел взять слайдер из этого шаблона шаблон Madison но не работает или просто я нуб )
короче взял картинки и стили
потом взял скрипт
и там было еще какие то скпипты и их тоже подключал и установил block pro и подключил slider.tpl но в конечном итого получается так
а должно быть как в этом видео
короче взял картинки и стили
| Код |
|---|
.container input[type="text"],
.container input[type="password"],
.container textarea {
background: #d0ccc6;
border: solid 3px #855a49;
padding: 0 10px;
line-height: 24px;
height: 24px;
-moz-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.6);
margin-bottom: 5px;
}
.container input[type="text"]:focus,
.container input[type="password"]:focus,
.container textarea:focus {
outline: none;
border-color: #ffa400;
background: #e7e5e2;
}
.container input[type="text"]:-webkit-autofill,
.container input[type="password"]:-webkit-autofill,
.container textarea:-webkit-autofill {
background-image: none !important;
background-color: #d0ccc6 !important;
}
.container textarea {
padding: 10px;
}
.slider-wrap {
position: relative;
margin-bottom: 10px;
margin-top: 30px;
}
.da-slider {
/*width: 100%;*/
height: 340px;
position: relative;
overflow: hidden;
background: transparent url(../images/bg_slider.png) repeat 0% 0%;
border: solid 5px #fff;
-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15), inset 0 0 38px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15), inset 0 0 38px 0 rgba(0, 0, 0, 0.08);
-webkit-transition: background-position 1.6s ease-out 0.5s;
-moz-transition: background-position 1.6s ease-out 0.5s;
-o-transition: background-position 1.6s ease-out 0.5s;
-ms-transition: background-position 1.6s ease-out 0.5s;
transition: background-position 1.6s ease-out 0.5s;
}
.da-slide {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: left;
}
.da-slide-current {
z-index: 50;
}
.da-slider-fb .da-slide {
left: 100%;
}
.da-slider-fb .da-slide.da-slide-current {
left: 0px;
}
.da-slide h3,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
position: absolute;
opacity: 0;
left: 110%;
}
.da-slider-fb .da-slide h3,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
left: 4%;
opacity: 1;
}
.da-slider-fb .da-slide .da-img {
left: 60%;
opacity: 1;
}
.da-slide h3 {
color: #e58f00;
font-size: 46px;
font-family: "PT Sans Narrow", sans-srif;
width: 50%;
top: 30px;
white-space: nowrap;
z-index: 10;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15), 1px 1px 0 #ffffff;
font-weight: normal;
}
.da-slide p {
width: 46%;
top: 120px;
color: #6b3b25;
font: italic normal 18px/26px Arial, sans-serif;
height: 80px;
overflow: hidden;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}
.da-slide .da-img {
text-align: center;
width: 30%;
top: 40px;
height: 256px;
line-height: 260px;
left: 110%;
/*60%*/
}
.da-slide .da-img img {
max-height: 256px;
max-width: 100%;
border: solid 4px #fff;
border: solid 4px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.da-slide .da-link {
top: 250px;
}
.da-slide .da-link:hover {
/*background: rgba(255,255,255,0.3);*/
}
.da-arrows {
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span {
position: absolute;
top: 50%;
height: 55px;
width: 49px;
margin-top: -27px;
background: url(../images/all-icons.png) no-repeat -110px -240px;
cursor: pointer;
z-index: 2000;
}
.da-arrows span.da-arrows-prev {
left: -49px;
}
.da-arrows span.da-arrows-prev:hover {
background-position: -110px -180px;
}
.da-arrows span.da-arrows-next {
right: -49px;
background-position: -160px -240px;
}
.da-arrows span.da-arrows-next:hover {
background-position: -160px -180px;
}
|
| Код |
|---|
// Слайдер
$('#da-slider').cslider();
$(document).ready(function big_background(){i=$("div.big-background img").attr("src");$("div.big-background").css({"background-image":"url("+i+")","background-position":"center top","background-repeat":"no-repeat"});$("div.big-background img").css("visibility","hidden");return false},$(function(){var tabContainers=$("div.tabs-container > div");tabContainers.hide().filter(":first").show();$("div.tabs ul.tabNavigation a").click(function(){tabContainers.hide();$(this.hash).fadeIn("slow",function(){tabContainers.filter(this.hash).show()});
$("div.tabs ul.tabNavigation a").removeClass("selected");$(this).addClass("selected");return false}).filter(":first").click();$("div.tabs ul.tabNavigation a").append("<em></em>")}));/*!
Автор: ПафНутиЙ http://pafnuty.name
*/ |
и там было еще какие то скпипты и их тоже подключал и установил block pro и подключил slider.tpl но в конечном итого получается так

а должно быть как в этом видео
Загрузка плеера
