-
تغيير در نحوه نمايش lightbox؟
دوستان سلام، سوالی که دارم تقريبا ربطی به مامبو نداره اما چون در بعضی سايت های مامبویی از lightbox استفاده شده و خودمم هم همینجا باهاش آشنا شدم گفتم اينجا بپرسم.
اگه این صفحه رو ببينيد :: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] پس از لود کامل صفحه میبینید که هنگام اجرا lightbox ، کادر تصاوير با یه مقدار فاصله از بالای صفحه نمايش داده میشه. حالا من میخام این فاصله وجود نداشته باشه. باید چه مقداری رو تغيير بدم؟
اين هم نمونه CSS موجود ::
کد:
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../../img/blank.gif) no-repeat;
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../img/next.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Tahoma, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: right; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: right; padding-bottom: 1.0em; font:12px Tahoma ; }
#imageData #bottomNavClose{ width: 66px; float: left; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
06-15-2008 11:59 AM
# ADS
تبلیغات در جوملا فارسی
علاقه مندی ها (Bookmarks)