معهد خبراء بلوجر - مشكلة في السلايدر

أن كنت تريد استعادة كود السلايدر تفضل

كود:

/* NIVO SLIDER STYLES */ #slider-container { width: 900px; height: 300px; border: 1px solid #000; margin-bottom: 30px; margin-right: -1px; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; right:0px; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; right:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:0px; top:125px; background: #0c4a90; color:#fff; opacity:0.8; width: auto !important; max-width: 600px !important; z-index:89; display: inline !important; } .nivo-caption p { padding:10px; margin:0; font-size: 30px; color: #FFF; text-align: center; font-family: 'Dosis', Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 26px; } .nivo-caption a { display:inline !important; color: #FFF; } .nivo-html-caption { display:none; } .nivo-directionNav a { display:none; position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { right:0px; } .nivo-nextNav { left:0px; } .nivo-controlNav a { position: relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } #slider { float: right; position:relative; width:900px; height:300px; background: #000 url(http://2.bp.blogspot.com/-AqTkIB3UeHE/T8glG2BNvlI/AAAAAAAACOQ/1f9s7AU6EV8/s000/loading.png) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; right:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position:absolute; right:10px; bottom:10px; } .nivo-controlNav a { width:22px; height: 22px; background: url(http://3.bp.blogspot.com/-yAAdFpX6Gwg/T8glHEzF1ZI/AAAAAAAACOU/gAJtG5Ay5fk/s000/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-left:7px; float:right; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:none; height:0px; background:url(http://4.bp.blogspot.com/-HspcB6jK9eo/T8glHeuUQGI/AAAAAAAACOc/ID3z93OzkfA/s000/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; left:15px; } a.nivo-prevNav { right:15px; } .nivo-caption { text-shadow:none; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } .jump-link{ float: left; margin-top: 10px; } .jump-link a { } .jump-link a:hover { }

كود:

<div id='slider'> <a href='#' title='Introducing Blogger Theme'> <img alt='' src='http://1.bp.blogspot.com/-akIMlXwjEdw/T8glHeLfXeI/AAAAAAAACOo/HRXV1nVtBXs/s000/1.jpg' title='Introducing Blogger Theme'/> </a> <a href='#' title='Another image in a post'> <img alt='' src='http://2.bp.blogspot.com/-Y7gW45g3d9E/T8glHgSCBNI/AAAAAAAACOw/qWxw0gioVB0/s000/2.jpg' title='Another image in a post'/> </a> <a href='#' title='An image in a post'> <img alt='' src='http://3.bp.blogspot.com/-XQmjEM1ursA/T8glH_E2HjI/AAAAAAAACO4/kOdSfUooCkM/s000/3.jpg' title='An image in a post'/> </a> <a href='#' title='Testing HTML elements'> <img alt='' src='http://2.bp.blogspot.com/-lJei_5WRnXg/T8glIPCqpqI/AAAAAAAACPA/aFQBT2KOCxs/s000/4.jpg' title='Testing HTML elements'/> </a> <a href='#' title='Category Hierarchy'> <img alt='' src='http://4.bp.blogspot.com/-HBDkqIfpkeY/T8glIVfPQfI/AAAAAAAACPI/XG59FQeTfzM/s000/5.jpg' title='Category Hierarchy'/> </a> </div>