پارس وردپرس

تماس با پشتیبانی

0969 704 0911

6018 822 0935

شرکت : ۳۳۴۴۴۷۴۰-۰۱۳

parswp@yahoo.com

صفحه نخست
قوانین
تعرفه تبلیغات
پرداخت آنلاین
درباره ما
تماس با ما
    • سبد خریدتان خالی است.
  • سبد خرید

    محصولات انتخاب شده : 0

    قیمت کل : 0 ریال

    منوی اصلی

    کد امنیتی : 2 + 4

    گروه طراحی پارس وردپرس در سال 1390 فعالیت خود را در زمینه طراحی وبسایت های تفریحی ، خبری و … با استفاده از وردپرس آغاز نمود .

    مشتری محور بودن یکی از اساسی ترین اصول در نظر گروه طراحی پارس وردپرس می باشد . گروه طراحی پارس وردپرس متشکل از حرفه ای ترین افراد در زمینه های برنامه نویسی تحت وب ، تحلیل پروژه ، گرافیک و … است که همواره در تمامی مراحل پروژه در کنار شما خواهند بود .

    طراحی فیدخوان و سایت های خبری تحت وب یکی از خدمات اصلی گروه است که با جدیدترین متدها و تکنولوژی های برنامه نویسی صورت می پذیرد . مهمترین ویژگی قالب‌های جدید پارس وردپرس استاندارد سازی و بهینه سازی قالب برای جستجو در وب می باشد که در نتیجه آن موتورهای جستجو قادر خواهند بود محتوا و کلمات کلیدی را راحت تر از گذشته پیدا کنند و این امر صد در صد باعث پیشرفت سایت شما در سایتهایی مانند گوگل خواهد شد.این تیم مفتخر است که تکنولوژی جدید سئو (seo) را به کاربران خود در جهت ارتقاء ، با بهترین حالت ممکن برای بهینه سازی وب سایت بر پایه وردپرس هدیه کند.

  • E-Mail : parswp @ yahoo.com
  • Tel : 0911 - 704 - 0969 | 0935 - 822 - 6018
  •    تبلیغ اسلایدشو 240*848 - هزینه ماهانه 50,000 تومان (نمایش در صفحه نخست)
  •    تبلیغ بنری 240*120 - هزینه ماهانه 30,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 40,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 30,000 تومان (نمایش در تمام پیش نمایش ها)
  •    تبلیغ متنی - هزینه ماهانه 15,000 تومان (نمایش در تمام صفحات)
  • کد امنیتی : 2 + 4

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

  • دسته بندی ها : آموزش
  • ۹ اسفند ۱۳۹۴
  • 528 بازدید
  • education-code-to-the-top-parswp

    نحوه ایجاد دکمه رفتن به بالای صفحه (go to top) با جاوا اسکریپت

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

    ابتدا در قسمت هدر سایت خود (بین تگ های <head> و <head/>) کتابخانه جی کوئری را ایمپورت کنید (می توانید از فایل و سرور خود نیز استفاده کنید) :

    دانلود کنید : لینک دانلود جی کوئری

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

    کد زیر را نیز بعد از آن کپی کنید :

    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){
     // hide #back-top first
     $("#back-top").hide();
     // fade in #back-top
     $(function () {
     $(window).scroll(function () {
     if ($(this).scrollTop() > 1000) {
     $('#back-top').fadeIn();
     } else {
     $('#back-top').fadeOut();
     }
     });
     // scroll body to 0px on click
     $('#back-top a').click(function () {
     $('body,html').animate({
     scrollTop: 0
     }, ۸۰۰);
     return false;
     });
     });
    
    });
    //]]>
    </script>

    سپس استایل css زیر را در صفحه خود ایمپورت نمائید یا بین تگ <style> و <style/> کپی کنید (می توانید آن را مطابق سلیقه خود ویرایش نمائید) :

    <style type="text/css">
    #back-top {
     position: fixed;
     bottom: 10px;
     margin-left: -150px;
    }
    #back-top a {
     width: 108px;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #bbb;
     /* background color transition */
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
    }
    #back-top a:hover {
     color: #000;
    }
    /* arrow icon (span tag) */
    #back-top span {
     width: 108px;
     height: 108px;
     display: block;
     margin-bottom: 7px;
     background: #ddd url(up-arrow.png) no-repeat center center;
     /* rounded corners */
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     /* background color transition */
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
    }
    #back-top a:hover span {
     background-color: #777;
    }
    </style>

    حال در بالاترین قسمت صفحه بعد از تگ body یک بلاک با آی دی top بسازید، به طور مثال :

    <div id="top"></div>

    اکنون در پائین ترین قسمت صفحه قبل از تگ <body/> کد زیر را جهت نمایش دکمه قرار دهید :

    <p style="display:block;" id="back-top">
    <a href="#top"><span></span>رفتن به بالا</a>
    </p>

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

    حتما بخوانید : جستجو در وردپرس بصورت ایجکسی

    نتیجه گیری :

    برای سایت هایی که تعداد مطالب بالا دارند و صفحات آنها ارتفاع زیادی دارند استفاده از این ابزار راحتی کاربرانشان را فراهم خواهد نمود.

    منبع : پارس وردپرس

    , , , , , , , , , , , , , ,
    javascript
    آموزش طراحی
    آموزش کد رفتن به بالای صفحه
    آموزش وردپرس
    جاوا اسکریپت
    صفحات وب
    طراحی سایت
    طراحی سایت ارزان
    طراحی سایت حرفه ای
    طراحی سایت وردپرسی
    طراحی وب سایت
    قالب خبری
    کد رفتن به بالای صفحه
    نحوه ایجاد دکمه
    وردپرس

    راستی! ما یک راه نزدیک برای درکنار شما بودن پیدا کردیم :)

    کانال تلگرام پارس وی پی

    به دلیل مسدود شدن درگاه های پرداخت اینترنتی اگر در واریز آنلاین مشکلی داشتید می توانید از شماره کارت زیر اقدام نمائید .

    شماره کارت : 2154-6486-3378-6104

    بانک ملت

    بنام : سینا شاهین

    شماره همراه 09358226018 ، 24 ساعته پشتیبان شما می باشد و پس از واریز برایتان ارسال خواهد شد .

    مطالب تصادفی
    ارسال خودکار مطالب وردپرس به اینستاگرام
  • بازدید : 2126
  • تاریخ : ۲ - ۰۸ - ۱۳۹۵
  • بیش از ۲۵ درصد وب سایت های دنیا زیر پرچم وردپرس
  • بازدید : 1441
  • تاریخ : ۲ - ۰۹ - ۱۳۹۴
  • نمایش آیدی ها در وردپرس با Show IDs by 99 Robots
  • بازدید : 778
  • تاریخ : ۲۰ - ۰۱ - ۱۳۹۵
  • پوسته فیدخوان برتر
  • بازدید : 5817
  • تاریخ : ۷ - ۰۴ - ۱۳۹۳
  • آشنایی با Minify و استفاده در وردپرس
  • بازدید : 835
  • تاریخ : ۱۹ - ۰۸ - ۱۳۹۴
  • آموزش غیرفعال کردن آپدیت وردپرس
  • بازدید : 250
  • تاریخ : ۶ - ۰۳ - ۱۳۹۶
  • کلیدهای میانبر وردپرس
  • بازدید : 522
  • تاریخ : ۱۱ - ۰۹ - ۱۳۹۴
  • روش های جلوگیری از هک شدن وردپرس
  • بازدید : 634
  • تاریخ : ۴ - ۰۹ - ۱۳۹۴
  • پوسته سایت های تفریحی و خبری نیک ترینها
  • بازدید : 9379
  • تاریخ : ۶ - ۱۰ - ۱۳۹۲
  • آموزش تغییر فرم ورود به وردپرس با Easy Login Styler
  • بازدید : 654
  • تاریخ : ۲۱ - ۰۲ - ۱۳۹۶
  • نظرات کاربران


    کد امنیتی : 8 + 2
    طراحی سایت

    طراحی وبسایت تخصص ماست ، شما می توانید برای مشاوره و دریافت قیمت از لینک زیر یا شماره های سایت اقدام نمائید.

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

    خبرنامه :

    با عضویت در خبرنامه هــــــیچ یک از مطالب سایـت را از دسـت نخواهید داد و همیـشه بروز خواهـید بود

    خبرنامه اینترنتی
    load
    ربات پارس وردپرس

    ربات هوشمند پارس وردپرس

    هم اکنون وارد شوید
    همراه ما باشید ...
  • جدید ترین ها

  • افزونه ها

  • اخبار وردپرسی

  • لطفا شکیبا باشید ...
  • تبلیغات

  • کلیک کنید

    کدنویسی CSS3

    کدنویسی بوسیله استایل دهی برای زیباسازی و سرعت بارگذاری بهتر قالب ها .

    واکنشگرا

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

    کدنویسی HTML5

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

    پشتیبانی حرفه ای

    تیم پارس وردپرس از ساعت 9 صبح الی 20 پاسخگوی شما خواهد بود .

    پنل مدیریت آسان

    شما می توانید با پنل مدیریت قالب ، مدیریت آسان را تجربه کنید .

    طراحی سایت
    طراحی سایتسئوسرویس و تعمیر کولر گازی
    telegram instagram