-
kily77
.User deleted
Gentilissimi,
Ho questo codice che codifica uno slider.
Avrei bisogno per favore di inserire la riga di comando per mettere una immagine diversa per ciascuna delle 5 caselle dello slider.
Ecco il codice:
/* Slider
---------------------------------------- */
#slider-wrapper {
overflow:hidden;
position:relative;
top:-4px;
margin-bottom:-4px;
}
#slider-wrapper .container {
height:370px;
background:url(images/kwicks-bg.gif) no-repeat left top;
padding:4px 0 0 0;
width:978px;
}
.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
margin:0;
padding:0;
overflow:hidden;
width:965px;
height:374px;
z-index:1;
position:relative;
left:4px;
}
.kwicks li{
width: 193px;
height: 374px;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
background:none;
}
.kwicks.horizontal li {
margin-right: 0; /*Set to same as spacing option. */
float: left;
position:relative;
font-weight:normal;
}
.kwicks.horizontal li a {
display:block;
float:left;
text-decoration:none;
}
.kwicks.horizontal li .shadow {
width:25px;
height:366px;
position:absolute;
right:0;
top:0;
background:url(images/kwick-item-shadow.png) no-repeat left top;
z-index:9999;
}
.kwicks.horizontal li .thumb {
height:305px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
.kwicks.horizontal li .thumb .bg {
height:305px;
bbackground-repeat:no-repeat;
background-position:center top;
}
.kwicks.horizontal li .colorImage {
position:absolute;
left:0;
top:0;
display:none;
width:100%;
height:305px;
background-no-repeat center top;
background-repeat:no-repeat;
}
.kwicks.horizontal li .desc {
background-repeat:repeat-x;
background-position:left 6px;
width:100%;
overflow:hidden;
margin-top:-6px;
margin-bottom:4px;
position:relative;
z-index:999;
}
.kwicks.horizontal li .desc .left-bg {
background-repeat:no-repeat;
background-position:left top;
height:67px;
}
.kwicks.horizontal li .desc h2 {
color:white;
font-size:18px;
padding:13px 0 0 27px;
margin:0;
width:152px;
}
.kwicks.horizontal li .desc .excerpt {
width:220px;
font-size:12px;
color:white;
position:absolute;
right:-280px;
top:14px;
margin:0;
}
.kwicks.horizontal li .kwick-button {
position:absolute;
right:5px;
bottom:-24px;
font-size:11px;
color:white;
text-transform:uppercase;
height:24px;
line-height:24px;
padding:0 8px;
}
.kwicks.horizontal li .kwick-button:hover {
background:black !important;
}
/* color 1 */
.kwicks.horizontal li .desc.color-1 { background-image:url(images/desc-tail01.gif);}
.kwicks.horizontal li .desc.color-1 .left-bg {background-image:url(images/desc-bg01.gif);}
.kwicks.horizontal li .desc.color-1 .kwick-button {background:#5671aa;}
/* color 2 */
.kwicks.horizontal li .desc.color-2 { background-image:url(images/desc-tail02.gif);}
.kwicks.horizontal li .desc.color-2 .left-bg {background-image:url(images/desc-bg02.gif);}
.kwicks.horizontal li .desc.color-2 .kwick-button {background:#5695d5;}
/* color 3 */
.kwicks.horizontal li .desc.color-3 { background-image:url(images/desc-tail03.gif);}
.kwicks.horizontal li .desc.color-3 .left-bg {background-image:url(images/desc-bg03.gif);}
.kwicks.horizontal li .desc.color-3 .kwick-button {background:#69c1e9;}
/* color 4 */
.kwicks.horizontal li .desc.color-4 { background-image:url(images/desc-tail04.gif);}
.kwicks.horizontal li .desc.color-4 .left-bg {background-image:url(images/desc-bg04.gif);}
.kwicks.horizontal li .desc.color-4 .kwick-button {background:#8cc14d;}
/* color 5 */
.kwicks.horizontal li .desc.color-5 { background-image:url(images/desc-tail05.gif);}
.kwicks.horizontal li .desc.color-5 .left-bg {background-image:url(images/desc-bg05.gif);}
.kwicks.horizontal li .desc.color-5 .kwick-button {background:#f4c53d;}
.
Aiuto Codifica slider |
