برش به بالا با شکلی متفاوت

[__ MOJTABA __ 143]

سلام

من یه اسکریپت جالب پیدا کردم که با یه استایل خاص کار دکمه پرش به بالا رو انجام میده

کسی ازدوستان میتونه بگه که چجوری میتونم اونو تنظیم کنم که توی همه صفحات وردپرس نمایش داده بشه و کار کنه

Rocket_UP.zip

[Morteza 34190]

جالبه توی کد js اومده یک تبلیغ هم قرار داده! بصورت فریم.

این رو از کجا گرفتید؟

[__ MOJTABA __ 143]

جالبه توی کد js اومده یک تبلیغ هم قرار داده! بصورت فریم.

این رو از کجا گرفتید؟

دقیق یادم نیست

ولی تو یه سایت که زمینه کاریشون اسکریپت بود.

اگه بخاین معرفی کنم

[Morteza 34190]

من تست کردم کد درست کار نکرد!

اگر آدرس سایت مرجعش رو بدید بهتره.

[__ MOJTABA __ 143]

من تست کردم کد درست کار نکرد! اگر آدرس سایت مرجعش رو بدید بهتره.

اینم ادرس سایت مرجع

الان که دقت میکنم نوشته این کد رو باید توی footer (ابتدا یا انتها) اضافه کرد

	    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="clientscript/totop.js"></script>
	    <style type='text/css'>
	    #totop,#totop2{
		    position: fixed;right: -30px;bottom: -80px;
		    width: 149px;height: 249px;overflow: hidden;
		    cursor: pointer;display: none;
		    background: url(../images/up.png) no-repeat 0px 0;
		    z-index: 9999;
	    }

	    #totop2{
		    background: url(../images/up.png) no-repeat -149px 0;
	    }
	    </style>

دراخر هم نوشته فایل زیپ رو توی root اکسترکت کنید

[norzad 1133]

درود

خیلی جالبه --- روی وردپرس کار نمی کنه تازه پیشخوان این شکلی کرد ، ولی روی وی بی کار کرد

[kasra 4929]

توی وردپرس به خاطر این کار نمیکنه که js ها با هم تداخل پیدا میکنن

باید یا به صورت معمولی استفاده کنی یا اگر میخوای با همون افکت jquery باشه باید با js ها کار کنی تا درست بشن

[__ MOJTABA __ 143]

توی وردپرس به خاطر این کار نمیکنه که js ها با هم تداخل پیدا میکنن

باید یا به صورت معمولی استفاده کنی یا اگر میخوای با همون افکت jquery باشه باید با js ها کار کنی تا درست بشن

میشه راهنمایی کنید چجوری باید رو ی JS کارکرد.

یا یه توضیحی بدین که باید چیکارش کرد تا بشه تو WP ازش استفاده کنم

[Morteza 34190]

فایل up.png رو توی پوشه images پوسته قرار بدید.

کد زیر در استایل:

			 #totop,#totop2{
					 position: fixed;right: -30px;bottom: -80px;
					 width: 149px;height: 249px;overflow: hidden;
					 cursor: pointer;display: none;
					 background: url(images/up.png) no-repeat 0px 0;
					 z-index: 9999;
			 }

			 #totop2{
					 background: url(images/up.png) no-repeat -149px 0;
			 }

کد زیر در آخرین بخش تگ head:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/totop.js"></script>

و فایل totop.js توی پوشه پوسته قرار بدید.

فایل totop.js رو تغییر و پیوست کردم.

تست کنید.

totop.rar

[__ MOJTABA __ 143]

عکس رو توی پوشه images پوسته فعالم قراردادم

با توجه به تجربه اندکم

کدی که باید به استایل اضافه میشد رو به آخر فایل style.css اضافه کردم

و تکه کد مربوط به قسمت head رو به فایل header.php توی اخرین بخش تگ head اضافه کردم

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

درضمن پوسته ای رو که واسه این کار انتخاب کردم دوهزار و دوازده بود.

[norzad 1133]

و تکه کد مربوط به قسمت head رو به فایل header.php توی اخرین بخش تگ head اضافه کردم

درود

باید همون کد رو در footer بین دو تگ <body/> و <html/> قرار بدی

[__ MOJTABA __ 143]

درود

باید همون کد رو در footer بین دو تگ <body/> و <html/> قرار بدی

کد رو به فایل footer اضافه کردم بازم کارنکرد

[Morteza 34190]

شما افزونه ایی دارید که جی کوئری نیاز داشته باشه؟

همه افزونه رو غیرفعال و مجدد تست کنید

[ahadto 806]

توی این سایت به کار رفته، اگه می خواهید نمونه ببینید رجوع کنید:

http://www.pcpersia.org/