اسکریپت برگه بازشونده گوشه سایت

برای اولین نوشته در سال 1392 (البته شاید الان خیلی وقت گذشته باشه که شما دارید این آموزش رو می خونید ، ولی عیدتون مبارک !! ) یک کد یا همون اسکریپت بیشتر تزئینی و برای قشنگی ظاهر سایت آماده کردم ، که یک بنر یا عکس که حالا می تونه تبلیغاتی یا به مناست های دیگر باشه ،به صورت یک برگه با رفتن موس بر روی آن باز می شود که یک لینک رو هم داراست و با کلیک بازدید کننده به لینک مورد نظر شما هدایت میشه.در ادامه دموی اسکریپت هم موجود است.

آموزش قرار دادن برگه بازشونده در گوشه سایت

بعد از دانلود اسکریپت در انتهای همین نوشته باید همه ی فایل ها رو در کنار هم (دقت کنید همه داخل یک پوشه و کنار هم باشند ) آپلود کنید و سپس دوتا کد رو به شرح زیر باید قبل از <head/> داخل قالبتون قرار بدید.


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript" src="http://........../peel.js"></script>

فقط چند نکته زیر رو دقت کنید.

شما باید آدرس اونجایی که فایل peel.js رو آپلود کردید در کد بالا وارد کنید ، من نقطه چین گذاشتم.

قبل از آپلود ، فایل peel.js رو باز کنید و آدرس لینک مورد نظر خودتونو بجای آدرس سایت من وارد کنید.

همینطور شما بعد از دانلود اسکریپت دوتا عکس مورد نظر رو خودتون متناسب برای سایت خودتون ویرایش کنید ، فقط دقت کنید تا سایز عکس و فرمتش عوض نشود.

اگر از وردپرس استفاده می کنید باید برای قرار دادن کدها به فایل header.php رجوع کنید و قبل از <head/> کدها رو قرار بدید.

———

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

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

دانلود اسکریپت

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

———

امتیاز شما برای این مقاله
23 نظرات
  1. رها می گوید

    سلام من فایلتونو تو سایتم گذاشتم عکس smallمیاد ولی largeنمیاد!وقتی روش میرم حالت لینک میشه ولی هیچ کاری نمیکنه اصلا ورق نمیخوره ینی!باید چی کار کنم؟؟

    1. آرش حیدری می گوید

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

  2. مینا می گوید

    سلام
    ببخشید من این اسگریپ رو می خوام برای وب سایتم استفاده کنم . منتها نمی دونم چه شکلی باید این کارو انجام بدم. توی ستینگ قالب ورد پرسی که روی وب سایت دارم استفاده می کنم جایی به اسم header code هست که من الان برای یه تصویر سه گوش کنار سایت توی این قسمت اسکریپت گذاشتم. اما نمیدونم از این کد باید کجا استفاده کنم.
    میشه منو راهنمایی کنید. آیا باید برم توی cpanel و توی فایل خاصی این کد رو وارد کنم یا کافیه توی این قسمت وارد بشه؟

  3. mohammad می گوید

    با عرض سلام و خسته نباشید خدمت شما . از این استفاده کردم خیلی قشنگه ولی یه مشکل دارم . من از این به عنوان بازگشت به صفحه اصلیم استفاده کردم باید با کلیک روی عکس توی همان صفحه باز بشه ولی این یک صفحه جدید باز می کنه آیا راهی هست که توی همون صفحه باز بشه و تب یا پنجره جدید باز نکنه ؟

  4. رحمت حاجی سعدین می گوید

    باعرض سلامو خسته نباشید آقا آرش لطف کنید اسم انگلیسی اولین قالب تون رو برام بنویسید چون نسخه ی انگلیسیش رو میخوام . با تشکر

  5. احمد دیناروند می گوید

    سلام فقط باید فایلو اپلود کنم یعنی همون با فرمت زیپ اپلود کنم و تو ادرس http://………/peel.js بزارم

  6. علیرضا می گوید

    من همه کار کردم ولی نشد
    دقیقا مثل توضیحات شما نوشتم اما نشد

    1. آرش حیدری می گوید

      سلام
      دوباره گام به گام مراحل رو تکرار کنید
      ممنون

  7. محمد می گوید

    سلام
    نمیشه اینو به گوشه راست پایین انتقال داد؟

  8. محمد می گوید

    سلام من این کد ها رو توی وبلاگم گذاستم اما نتیجه ای نگرفتم لطفا راهنمایی کنید

  9. احسان می گوید

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

    1. آرش حیدری می گوید

      آموزش رو به دقت بخونید ، هرکجاشو که مشکل داشتید متوجه نمی شدید بگید تا بیشتر توضیح بدیم خدمتتون
      با تشکر

  10. رضا می گوید

    سلام
    من نميدو.نم چجوري از اين اسكريپ استفاده كنم
    هر كار ميكنم نميشه

    ميشه بيتر توضيح بدين

    1. آرش حیدری می گوید

      سلام
      آموزش استفاده رو توضیح دادیم داخل نوشته ، الان مشکل شما کجای کار هستش بفرمایید تا کمکتون کنیم.

      1. رضا می گوید

        سلام
        من فايل رو دانلود كردم..نميدونم چيكارش بايد كرد
        اون كد رو هم نميدونم كجاي قالب وبلاگ بذارم//نميشه واضحتر بگين

      2. آرش حیدری می گوید

        باید فایل ها رو آپلود کنید و سپس آدرس اون رو داخل کد تصحیح کنید و داخل تگ head قالب قرار بدید.

  11. محمد علی می گوید

    سلام ممنون من این رو تو سایت گذاشتم عالی بود قشنگه اما یه سوال چطور میشه ثابتش کرد توی صفحه یعنی هر چی اسکرول رو بالا یا پایین ببری این هم توی صفحه و توی دید باقی بمونه
    نمی دونم منظورم رو درست گفتم

    1. محمد علی می گوید

      عزیز دست درد نکنه خودم درستش کردم
      ممنون
      واقعا سایت عالی داری.

      1. آرش حیدری می گوید

        خواهش میکنم !

    2. آرش حیدری می گوید

      بله متوجه منظورتون شدم … باید از کدهای جاوااسکریپت استفاده کنید شبیه تبلیغات گوشه های وبلاگ ها مثل بلاگفا که ثابت هستند اون گوشه ، شما هم اسلاید شو رو ثابت کنید.

  12. Doctor kavyani می گوید

    عالی مثله همیشه!

  13. پرویز برادران می گوید

    دوست عزیز بابت مطلب خوبتون ممنون.اما دمو کار نمیکنه.

    1. آرش حیدری می گوید

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.