تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 10 از 10

مقاله: [آموزش] دکمه بازگشت به بالا jQuery

    1. [آموزش] دکمه بازگشت به بالا jQuery »

      [آموزش] دکمه بازگشت به بالا jQuery

      نگارش: , by (کاندیدای مدیریت)
      2012/07/31 02:57 PM
      امتیاز: 

      درود ..

      عکس :



      استایل ها & قالب ها > جست و جو در قالب ها

      به additional.css اضافه کنید:
      کد:
      .scrollToTop{
      font-family: tahoma;font-size:11px;position: fixed;right: 25px;bottom:30px;display: none;width:70px;padding: 10px;z-index: 10;opacity: 0.5;color: #fff;text-decoration: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 0 1px #ccc;    border-left:dashed;border-right:dashed;border-left-color:#ccc;border-right-color:#ccc;border-left-width:thin;border-right-width:thin;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;background: #727272;background: -webkit-linear-gradient(top, #727272, #151313);background: -moz-linear-gradient(top, #727272, #151313);background: -ms-linear-gradient(top, #727272, #151313);background: -o-linear-gradient(top, #727272, #151313);background: linear-gradient(top, #727272, #151313);
      ******: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#727272', endColorstr='#151313');    
      }
      .scrollToTop:hover{
      background: #2D02E8;background: -webkit-linear-gradient(top, #2D02E8, #0119D9);background: -moz-linear-gradient(top, #2D02E8, #0119D9);background: -ms-linear-gradient(top, #2D02E8, #0119D9);background: -o-linear-gradient(top, #2D02E8, #0119D9);background: linear-gradient(top, #2D02E8, #0119D9);
      ******: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2d02e8', endColorstr='#0119d9');
      opacity: 0.8;text-shadow:0 0 1px #000;
      }
      توجه :در کد بالا به جای ****** بنویسید: f i l t e r

      به ابتدای header اضافه کنید:
      کد HTML:
      <script type='text/javascript' src='http://mohseneo.persiangig.com/other/jquery.min.js'></script>
      <script type="text/javascript" src="http://mohseneo.persiangig.com/other/scrollTop.js"></script>    
      <div class="scrollToTop"><a style="color:#FFF; text-decoration:none;" href="#" onclick="return false;">بازگشت به بالا</a></div>
      دمو : انجمن تخصصی موبایل مستر

      تمام !
      موفق باشید.
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,032
    میزان امتیاز
    242

    پیش فرض

    امکان خوبیه فقط واسه تغییر opacity و چپ یا وسط بردن دکمه چه تغییر باید انجام داد..؟

    کاربر مقابل از FL66 بابت این پست مفید تشکر کرده است:


  2. Top | #3
    کاندیدای مدیریت

    ورژن ویبولتین
    5.0.0
    نوشته ها
    493
    میزان امتیاز
    70

    پیش فرض

    تو کد additional.css خودتون تغییر بدید.
    تغییر opacity
    کد:
    opacity: 0.5;
    چپ یا وسط بردن دکمه
    کد:
    right: 25px;bottom:30px;

    5 تشکر توسط:


  3. Top | #4
    مدیر ارشد

    ورژن ویبولتین
    :-|
    نوشته ها
    2,909
    میزان امتیاز
    385

    پیش فرض

    چجوری می تونم بیارمش وسط اینو؟؟؟

  4. Top | #5
    مدیر ارشد

    ورژن ویبولتین
    :-|
    نوشته ها
    2,909
    میزان امتیاز
    385

    پیش فرض

    نقل قول نوشته اصلی توسط javad-wave نمایش پست ها
    چجوری می تونم بیارمش وسط اینو؟؟؟
    کسی نبود بگه؟

  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    توضیح داده شده که ؟؟؟

    اعداد توی تنظیماتی را که گفتند تغییر بدید محلش تغییر میکنه

    چپ یا وسط بردن دکمه
    کد:
     
    
     
    right: 25px;bottom:30px;

  6. Top | #7

  7. Top | #8
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

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

  8. Top | #9

    پیش فرض

    بله درسته راحت میشه تغییر داد . من برای بقیه دوستان گفتم

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


  9. Top | #10
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2.2
    نوشته ها
    1,346
    میزان امتیاز
    0

    پیش فرض

    تو فوتر وقتی موس رو میبری روی لوگو میاره ادعا نمیکنیم...! اینو باید چطوری درست کنیم؟

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 13
    آخرين نوشته: 2014/06/17, 10:58 AM
  2. » آموزش ایجاد تبلیغات در گوشه سایت با CSS و jQuery
    توسط رضوان در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 5
    آخرين نوشته: 2014/05/11, 08:00 AM
  3. پاسخ: 3
    آخرين نوشته: 2012/02/07, 01:33 PM
  4. مشکل jquery
    توسط shahkar_ir در انجمن پرسش و پاسخ
    پاسخ: 0
    آخرين نوشته: 2011/12/16, 03:09 PM
  5. پاسخ: 9
    آخرين نوشته: 2011/12/15, 10:57 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •