سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 9 , از مجموع 9

موضوع: تغيير در نحوه نمايش lightbox؟

Threaded View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1

    تاریخ عضویت
    Jan 2006
    محل سکونت
    در حال حاضر رشت
    نوشته ها
    745
    تشکر
    0
    تشکر شده 2 بار در 2 ارسال

    تغيير در نحوه نمايش 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;
    	}

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many
     

موضوعات مشابه

  1. مشكل در تغيير پرميشن فولدر و فايل ها از طريق مديريت
    توسط myparsa در انجمن مدیریت مامبو فارسی
    پاسخ ها: 7
    آخرين نوشته: 11-16-2008, 07:44 AM
  2. تغيير جاي صورتك ها
    توسط martian_man در انجمن مدیریت SMF
    پاسخ ها: 2
    آخرين نوشته: 11-10-2008, 08:50 PM
  3. تغيير گروهي پرميشن فايلها و فولدرها
    توسط BlackStar در انجمن متفرقه
    پاسخ ها: 7
    آخرين نوشته: 10-28-2008, 05:37 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •