Şu sliderı deneyin isterseniz
]]> üzerine aşağıdaki kodları ekleyiniz
Gadget olarak aşağıdaki kodları ekleyiniz
Ek Olarak: Şu sliderı deneyin isterseniz
]]> üzerine aşağıdaki kodları ekleyiniz
Gadget olarak aşağıdaki kodları ekleyiniz
]]> üzerine aşağıdaki kodları ekleyiniz
/* Main */
.slidesJS-frame {
width:739px;
height:341px;
background:transparent url('http://lh5.googleusercontent.com/-CPP57QQsIKk/UpnvzwVwYwI/AAAAAAAAIYs/WpSvq-mh9bQ/s1600/slidesJS-frame.png') no-repeat 50% 50%;
margin:0 auto;
}
.slidesJS {
background-color:#F0F0F0;
position:relative;
top:18px;
left:84px;
}
.slidesJS-container {
position:relative;
overflow:hidden;
display:none;
}
/* Next & Prev */
.slidesJS-next,
.slidesJS-prev {
position:absolute;
top:50%;
left:-39px;
width:24px;
height:43px;
margin-top:-21px;
background:transparent url('http://lh6.googleusercontent.com/-GRIwFsYLCCE/UpntR8pxmrI/AAAAAAAAIYQ/x4DQEB7bDbI/s1600/slidesJS-arrow-prev.png') no-repeat 50% 50%;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.slidesJS-next {
background-image:url('http://lh6.googleusercontent.com/-kgnU17H_E6M/UpnsAEhoiZI/AAAAAAAAIYA/NxTUozUJ8Cc/s1600/slidesJS-arrow-next.png');
right:-39px;
left:auto;
}
/* Pagination */
.slidesJS-pagination {
list-style:none;
margin:26px auto 0;
padding:0;
width:auto;
text-align:center;
}
.slidesJS-pagination li {
display:inline-block;
*display:inline;
margin:0 1px;
padding:0;
list-style:none;
}
.slidesJS-pagination a {
display:block;
width:12px;
height:12px;
background: transparent url('http://lh3.googleusercontent.com/-QltA5Dq8IbM/UpnwkpOTW5I/AAAAAAAAIZE/Dp3_T14wmaI/s1600/slidesJS-pagination.png') 50% 0;
text-indent:-999px;
overflow:hidden;
}
.slidesJS-pagination li.current a {background-position:0 -12px}
/* Caption */
.slidesJS-caption {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
z-index:500;
padding:5px 20px 10px;
background-color:black;
background-color:rgba(0,0,0,.5);
font:normal normal 13px/1.33 Helmet,Freesans,Sans-Serif;
color:white;
border-top:1px solid black;
text-shadow:none;
}
.slidesJS-title a {
color:white;
text-decoration:none;
}
.slidesJS-title a:focus,
.slidesJS-title a:hover {text-decoration:underline}
.slidesJS-meta:before {content:" - "}
.slidesJS-meta-comment {display:none}
/* Ribbon */
.slidesJS-ribbon {
display:block;
/* display:none; <= uncomment this declaration to hide the ribbon */
width:112px;
height:112px;
position:absolute;
top:-19px;
left:-19px;
z-index:500;
background:transparent url('http://lh5.googleusercontent.com/-m3mnN0lLn-c/UpnwqLR_vMI/AAAAAAAAIZM/fyQzMaLIfao/s1600/slidesJS-ribbon.png') no-repeat 0 0;
}
Gadget olarak aşağıdaki kodları ekleyiniz
/* Main */
.slidesJS-frame {
background-color:white;
width:570px; /* samakan dengan lebar slideshow */
height:270px; /* samakan dengan tinggi slideshow */
border:4px solid black;
margin:0 auto;
}
.slidesJS {
background-color:#f0f0f0;
position:relative;
font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
}
.slidesJS-container {
position:relative;
overflow:hidden;
display:none;
}
/* Next & Prev */
.slidesJS-next,
.slidesJS-prev {
display:block;
float:left;
background-color:black;
color:white;
font-weight:bold;
text-decoration:none;
height:20px;
line-height:20px;
padding:0 7px;
margin:8px 0 0;
overflow:hidden;
}
.slidesJS-next {float:right}
/* Pagination */
.slidesJS-pagination {
list-style:none;
margin:8px auto 0;
padding:0;
width:auto;
text-align:center;
}
.slidesJS-pagination li {
list-style:none;
display:inline-block;
*display:inline;
margin:0 2px;
padding:0;
}
.slidesJS-pagination a {
display:block;
background-color:black;
color:white;
font-weight:bold;
text-decoration:none;
height:20px;
line-height:20px;
padding:0 7px;
overflow:hidden;
}
.slidesJS-next:hover,
.slidesJS-prev:hover,
.slidesJS-pagination li.current a {background-color:blue}
/* Caption */
.slidesJS-caption {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
z-index:500;
padding:8px 10px 10px;
background-color:black;
background-color:rgba(0,0,0,.5);
font:normal normal 13px/1.33 Helmet,Freesans,Sans-Serif;
color:white;
}
.slidesJS-title a {
color:white;
text-decoration:none;
}
.slidesJS-title a:focus,
.slidesJS-title a:hover {text-decoration:underline}
.slidesJS-meta:before {content:" - "}
.slidesJS-meta-comment {display:none}
/* Ribbon */
.slidesJS-ribbon {display:none}
Ek Olarak: Şu sliderı deneyin isterseniz
]]> üzerine aşağıdaki kodları ekleyiniz
/* Main */
.slidesJS-frame {
width:739px;
height:341px;
background:transparent url('http://lh5.googleusercontent.com/-CPP57QQsIKk/UpnvzwVwYwI/AAAAAAAAIYs/WpSvq-mh9bQ/s1600/slidesJS-frame.png') no-repeat 50% 50%;
margin:0 auto;
}
.slidesJS {
background-color:#F0F0F0;
position:relative;
top:18px;
left:84px;
}
.slidesJS-container {
position:relative;
overflow:hidden;
display:none;
}
/* Next & Prev */
.slidesJS-next,
.slidesJS-prev {
position:absolute;
top:50%;
left:-39px;
width:24px;
height:43px;
margin-top:-21px;
background:transparent url('http://lh6.googleusercontent.com/-GRIwFsYLCCE/UpntR8pxmrI/AAAAAAAAIYQ/x4DQEB7bDbI/s1600/slidesJS-arrow-prev.png') no-repeat 50% 50%;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.slidesJS-next {
background-image:url('http://lh6.googleusercontent.com/-kgnU17H_E6M/UpnsAEhoiZI/AAAAAAAAIYA/NxTUozUJ8Cc/s1600/slidesJS-arrow-next.png');
right:-39px;
left:auto;
}
/* Pagination */
.slidesJS-pagination {
list-style:none;
margin:26px auto 0;
padding:0;
width:auto;
text-align:center;
}
.slidesJS-pagination li {
display:inline-block;
*display:inline;
margin:0 1px;
padding:0;
list-style:none;
}
.slidesJS-pagination a {
display:block;
width:12px;
height:12px;
background: transparent url('http://lh3.googleusercontent.com/-QltA5Dq8IbM/UpnwkpOTW5I/AAAAAAAAIZE/Dp3_T14wmaI/s1600/slidesJS-pagination.png') 50% 0;
text-indent:-999px;
overflow:hidden;
}
.slidesJS-pagination li.current a {background-position:0 -12px}
/* Caption */
.slidesJS-caption {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
z-index:500;
padding:5px 20px 10px;
background-color:black;
background-color:rgba(0,0,0,.5);
font:normal normal 13px/1.33 Helmet,Freesans,Sans-Serif;
color:white;
border-top:1px solid black;
text-shadow:none;
}
.slidesJS-title a {
color:white;
text-decoration:none;
}
.slidesJS-title a:focus,
.slidesJS-title a:hover {text-decoration:underline}
.slidesJS-meta:before {content:" - "}
.slidesJS-meta-comment {display:none}
/* Ribbon */
.slidesJS-ribbon {
display:block;
/* display:none; <= uncomment this declaration to hide the ribbon */
width:112px;
height:112px;
position:absolute;
top:-19px;
left:-19px;
z-index:500;
background:transparent url('http://lh5.googleusercontent.com/-m3mnN0lLn-c/UpnwqLR_vMI/AAAAAAAAIZM/fyQzMaLIfao/s1600/slidesJS-ribbon.png') no-repeat 0 0;
}
Gadget olarak aşağıdaki kodları ekleyiniz
/* Main */
.slidesJS-frame {
background-color:white;
width:570px; /* samakan dengan lebar slideshow */
height:270px; /* samakan dengan tinggi slideshow */
border:4px solid black;
margin:0 auto;
}
.slidesJS {
background-color:#f0f0f0;
position:relative;
font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
}
.slidesJS-container {
position:relative;
overflow:hidden;
display:none;
}
/* Next & Prev */
.slidesJS-next,
.slidesJS-prev {
display:block;
float:left;
background-color:black;
color:white;
font-weight:bold;
text-decoration:none;
height:20px;
line-height:20px;
padding:0 7px;
margin:8px 0 0;
overflow:hidden;
}
.slidesJS-next {float:right}
/* Pagination */
.slidesJS-pagination {
list-style:none;
margin:8px auto 0;
padding:0;
width:auto;
text-align:center;
}
.slidesJS-pagination li {
list-style:none;
display:inline-block;
*display:inline;
margin:0 2px;
padding:0;
}
.slidesJS-pagination a {
display:block;
background-color:black;
color:white;
font-weight:bold;
text-decoration:none;
height:20px;
line-height:20px;
padding:0 7px;
overflow:hidden;
}
.slidesJS-next:hover,
.slidesJS-prev:hover,
.slidesJS-pagination li.current a {background-color:blue}
/* Caption */
.slidesJS-caption {
display:none;
position:absolute;
right:0;
bottom:0;
left:0;
z-index:500;
padding:8px 10px 10px;
background-color:black;
background-color:rgba(0,0,0,.5);
font:normal normal 13px/1.33 Helmet,Freesans,Sans-Serif;
color:white;
}
.slidesJS-title a {
color:white;
text-decoration:none;
}
.slidesJS-title a:focus,
.slidesJS-title a:hover {text-decoration:underline}
.slidesJS-meta:before {content:" - "}
.slidesJS-meta-comment {display:none}
/* Ribbon */
.slidesJS-ribbon {display:none}Dediğiniz gibi yaptım sadece kodları gözüküyor.
