#1
مدون جديد
تاريخ التسجيل: Aug 2012
المشاركات: 99
الإجابات الموجودة: 4
غير مجاب: رد: مشكلة في السلايدر
كود:
/* 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 { }
__________________
مـدونـة أمــيــن
{ www.AmineBlog.com }
من مواضيع efada.net
04-03-2013, 02:30 PM
غير مجاب: رد: مشكلة في السلايدر
المواضيع المتشابهه
العرض المتطور
