رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

Rocket_UP.zip

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

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

لینک به ارسال

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

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

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

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

الان که دقت میکنم نوشته این کد رو باید توی 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 اکسترکت کنید

لینک به ارسال

درود

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

لینک به ارسال

فایل 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

لینک به ارسال

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

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

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

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

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

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

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

درود

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

لینک به ارسال

درود

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

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

لینک به ارسال

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

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

لینک به ارسال
  • 1 ماه بعد...

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

http://www.pcpersia.org/

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...