Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

کد تبلیغات

با سلام امروز یه کد تبلیغات متنی براتون درست کردم

میتونید تو منو های قالبتون قرارش بدید و استفاده کنین

خودم که خیلی باهاش حال کردم

چون ساخته دست خودمه : دی

امیدوارم خوشتون بیاد...

ادامه مطلب

شما با استفاده از این ابزار می توانید کد هایی بسازید که بعد از گذشتن از زمانی که شما برای آن تعیین کرده اید متن دیگری جایگزین آن می شود و یا حذف می شود.

برای مثال شما می توانید کد یک تبلیغات بنری یا لینکی یا متنی و حتی پاپ آپ را در این ابزار بگذارید و تنظیمات را در آن بگذارید. در زمانی که شما برای آن مشخص کرده اید این تبلیغات دیگر نمایش داده نخواهد شد.

ادامه مطلب

در برخی سایت ها دیده اید که تبلیغی در سمت راست یا چپ (بالای سایت) به صورت Flash قرار داده شده است و به محض نگه داشتن موس بر روی تبلیغ, به صورت برگه ای کنار زده می شود و تبلیغ به صورت کامل دیده می شود. در این مطلب قصد داریم نحوه ساخت چنین سیستمی با استفاده از jQuery و CSS را به شما آموزش دهیم.

http://www.dl.persianscript.ir/img/pagepeel.jpg

 

در مرحله اول در قسمتی که قرار است تبلیغ نمایش داده شود کد div مورد نظر را قرار می دهیم

pageflip قالب کلی تبلیغ  و  msg_block برای نمایش تبلیغ هنگامی که موس بر روی تبلیغ قرار میگیرد می باشد

مرحله اول: کد نمایش تبلیغ

فایل subscribe.png تصویر تبلیغ شما می باشد که شما میتوانید تصویر دلخواه خود را قرار دهید.

<div id="pageflip">
	<a href="#">
		<img src="page_flip.png" alt="" />
		<span class="msg_block">Subscribe via RSS</span>
	</a>
</div>

مرحله دوم: ایجاد CSS

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(subscribe.png) no-repeat right top;
	text-indent: -9999px;
}

مرحله سوم: جی کوئری

در ابتدا آخرین نسخه جی کوئری را در قالب خود قرار می دهیم. سپس با استفاده از شناسه class مشخص میکنیم که اندازه تصویر برای نمایش چند پیکسل باشد

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Page Flip on hover

	$("#pageflip").hover(function() {
		$("#pageflip img , .msg_block").stop()
			.animate({
				width: '307px',
				height: '319px'
			}, 500);
		} , function() {
		$("#pageflip img").stop()
			.animate({
				width: '50px',
				height: '52px'
			}, 220);
		$(".msg_block").stop()
			.animate({
				width: '50px',
				height: '50px'
			}, 200);
	});

});
</script>

شما میتوانید اسکریپت را به صورت آماده دریافت نمایید

 

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36732
افراد آنلاین : 4
بازدید امروز : 362
بازدید دیروز : 901
گوگل امروز : 30
گوگل دیروز : 81
بازدید هفته : 362
بازدید ماه : 15,057
بازدید سال : 135,398
بازدید کلی : 10,985,240