چگونه میتوانم scritpt ایی مشابه این سایت داشته باشم؟

fatemeh_ph

آفلاین
عضو
تعداد نوشته‌ها: ۵
# نوشته شده: ۱۰ سال پیش
۲۶ آذر ۱۳۹۲ - ۱۲:۲۲

من میخوام ظاهر سایتم را مشابه این سایت http://arshanik.com در بیارم ولی نمیدونم از چه قالب و از چه اسکریپت هایی برای درست کردن این قالب استفاده شده...
مخصوصا اون ستون سمت چپ که با یک دکمه باز میشه, واسم مهمه و میخوام عین اون ستون و حالتش را داشته باشم.
البته توی source code میشه دید که از Mediaelement استفاده شده ولی وقتی که سرچ میکنی mediaelement یه یک چیزایی در رابطه با پخش فایل های صوتی تصویری میاره که من اصلا نمیفهمم اینا چه ربطی به این اسکریپت داره !!!!
اگه کسی میدونه لطفا" کمک کنه

دوست عزیز این سایت برای اینکار از پلاگین استفاده نکرده بلکه می با نگاه به سروس کد جاوااسکریپت این سایت در آدرس http://arshanik.com/wp-content/themes/arshanik-v1/js/scripts.js موتویند کد های لازم رو پیدا کنید.
کدها رو می زام تا ببینید.

var lastWrapperHeight = $('.main-wrapper').height();
	$('.open-sidebar').click(function(){
		if($('.side-wrapper').hasClass('opened')){
			$('.side-wrapper').removeClass('opened');
			$('.side-wrapper').animate({'left':'-755px'},1200);
			$('.open-sidebar img').attr('src','http://arshanik.com/wp-content/themes/arshanik-v1/img/open-slider-bt.png');

			$('.main-wrapper').css('min-height',lastWrapperHeight);

		}
		else{
			$('.side-wrapper').addClass('opened');
			$('.side-wrapper').animate({'left':'0px'},1200);
			$('.open-sidebar img').attr('src','http://arshanik.com/wp-content/themes/arshanik-v1/img/open-slider-bt-opened.png');
			$('.main-wrapper').css('min-height',$('.side-wrapper').height());
		}
	});

	// fix min height
	var mainWrapperHeight = $('.main-wrapper').height();
	var mainPageHeight = $('.main-page').height();
	if(mainPageHeight>mainWrapperHeight){
		$('.main-wrapper').css('min-height',mainPageHeight+10);
		$('.side-content').css('min-height',mainPageHeight+10);
	}

fatemeh_ph

آفلاین
عضو
تعداد نوشته‌ها: ۵
# نوشته شده: ۱۰ سال پیش
۲۷ آذر ۱۳۹۲ - ۲۰:۱۴

خب من الان باید چه جوری از این کدها استفاده کنم؟!!!
mehdytux

آفلاین
عضو
تعداد نوشته‌ها: ۱۹۰
تشکر شده: ۶۴ بار
# نوشته شده: ۱۰ سال پیش
۲۷ آذر ۱۳۹۲ - ۲۱:۱۲

این یک مثال بود تا شما با نحوه انجام این کار آشنا بشین. شما باید کد های بالا رو با توجه به نیاز خود و کدهای سایت خود تغییر بدین . اگر انجام این کار برای شما سخت هستش . از یک برنامه نویس وب بخواهید تا این کار رو برای شما انجام بده

وردپرس فارسی

انجمن

چگونه میتوانم scritpt ایی مشابه این سایت داشته باشم؟ (۴ نوشته)

درباره‌ی این موضوع

برچسب‌ها