/ آموزش قرار دادن آیکون اشتراک VIP در گوشه انجمن با Jquery
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از 21 به 30 از 30

مقاله: آموزش قرار دادن آیکون اشتراک VIP در گوشه انجمن با Jquery

    1. آموزش قرار دادن آیکون اشتراک VIP در گوشه انجمن با Jquery

      آموزش قرار دادن آیکون اشتراک VIP در گوشه انجمن با Jquery

      درود
      به درخواست دوستان این آیکون کوئری اشتراک ویژه رو پابلیک میکنم تا دوستانی که به کارشون میاد استفاده کنن .
      دمو :
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      برای اضافه کردن به انتهای قالب Additional.css اضافه کنید :

      کد:
      .vip {
      position: fixed;
      bottom: 5px;
      right: 5px;
      z-index: 99999999;
      }
      .viptext {
      background: #ffcc00;
      border-radius: 4px;
      box-shadow: 0 0 20px 1px rgba(0,0,0,0.3) inset;
      float: right;
      font: 16px Byekan,B yekan;
      padding: 9px 10px 12px 10px;
      margin-right: 5px;
      display: none;
      }
      .vipbottom {
      background: #505050;
      color: #fff;
      padding: 0px 10px 0px 10px;
      border-radius: 4px;
      float: right;
      }
      ذخیره کرده و به انتهای قالب footer کد های زیر رو اضافه کنید :

      کد:
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
      </script>
      <script>
      $(document).ready(function(){
        $(".vipbottom").click(function(){
          $(".viptext").slideToggle();
        });
      });
      </script>
      
      <div class="vip">
      <img class="vipbottom" src="http://www.up.wikivb.ir/images/56xu9qjk5hppqq4v9fng.png">
      <a href="http://www.wikivb.ir/thread5116.html" style="text-decoration: none;color: #4c4c4c;">
      <div class="viptext">
      سفارش اکانت ویژه
      </div>
      </a>
      </div>
      ذخیره کرده و تمام .
      در کد های بالا بخش های قابل ویرایش با سه رنگ و معنا که عبارتند از :
      آبی : لینک آیکون مورد نظر شما ( سایز 48 در 48 پیکسل )
      قرمز : لینک تاپیک یا بخش مورد نظر شما
      سبز : متنی که بعد از کلیک نمایان میشه
      مشخص شدن

      سرافراز باشید
      ویکی وی بی
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #21
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    نقل قول نوشته اصلی توسط linkoln نمایش پست ها
    سلام لینک ایکون اشتراک ویژه از کار افتاده ممنون میشم سریع درستشون کنین چون ما داریم از همین ایکن استفاده میکنیم با لینک همین سایت...
    هر ایکن دیگه ای قرار میدیم فیکس نشون نمیده .....
    http://www.up.wikivb.ir/images/56xu9qjk5hppqq4v9fng.png
    پیشوند www را حذف نمایید ، :
    کد:
    http://upload.wikivb.ir/images/56xu9qjk5hppqq4v9fng.png
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  2. #22
    InFoDvBSaT آنلاین نیست.
    InFoDvBSaT
    کاربر سايت
    130نوشته19مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7223
    پسندیده است
    87 پست
    بلاگ
    پست
    میزان امتیاز
    29
    crackingsat.ir
    درود و خسته نباشید

    دوستان این کادر مشکی رنگ دور ایکون رو نمیشه حذف کرد؟
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    لینک ایکون رو هم تغییر دادم با ایکون های دیگه هم همینطوری یه حاشیه مشکی رنگ داره !!
    اگه امکانش هست روی این ایکون کدشو بدید:
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  3. #23
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    درود
    کدهای کلاس .vipbottom { رو به شکل زیر تغییر بدید:
    کد:
    .vipbottom {
        background: none repeat scroll 0% 0% transparent;
        color: #FFF;
        padding: 0px 10px;
        border-radius: 4px;
        float: right;
    }
    و آدرس تصویر مورد نظرتون رو اصلاح کنید درست میشه

    کاربر زیر پست M-Barati را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #24
    InFoDvBSaT آنلاین نیست.
    InFoDvBSaT
    کاربر سايت
    130نوشته19مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    7223
    پسندیده است
    87 پست
    بلاگ
    پست
    میزان امتیاز
    29
    crackingsat.ir
    نقل قول نوشته اصلی توسط M-Barati نمایش پست ها
    درود
    کدهای کلاس .vipbottom { رو به شکل زیر تغییر بدید:
    کد:
    .vipbottom {
        background: none repeat scroll 0% 0% transparent;
        color: #FFF;
        padding: 0px 10px;
        border-radius: 4px;
        float: right;
    }
    و آدرس تصویر مورد نظرتون رو اصلاح کنید درست میشه
    ممنون از راهنمایی ولی به این شکل در اومده!!

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    هم از گوشه سمت راست فاصله گرفته هم سفارش اکانت ویژه خیلی بالا رفتهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #25
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    نقل قول نوشته اصلی توسط InFoDvBSaT نمایش پست ها
    ممنون از راهنمایی ولی به این شکل در اومده!!

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    هم از گوشه سمت راست فاصله گرفته هم سفارش اکانت ویژه خیلی بالا رفتهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    انتهای additional.css

    کد:
    .viptext {
        margin-right: 0px !important;
        position: relative;
        top: 70px;
    }

    کاربر زیر پست M-Barati را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  6. #26
    MAMAD هم اکنون آنلاین است.
    MAMAD 276نوشته75مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    222
    پسندیده است
    322 پست
    بلاگ
    0 پست
    میزان امتیاز
    85
    /www.iranufc.biz
    سلام این کد رو من خیلی وقته دارم ازش استفاده میکنم در قالب ویکی وی بی لجند... بدون مشکل ...


    اما در قالب جدیدی که هنوز فعالش نکردم این کد رو میزارم ایکن اشتراک ویژه میاد ولی روش کیلیک نمیخوره وباز نمیشه دکمه سفارش اکانت


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

    و استایل رو از قسمت پایین سایت(فوتر) روی flatly قرار بدید /.... تا مشکل رو مشاهده کنید

  7. #27
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط MAMAD نمایش پست ها
    سلام این کد رو من خیلی وقته دارم ازش استفاده میکنم در قالب ویکی وی بی لجند... بدون مشکل ...


    اما در قالب جدیدی که هنوز فعالش نکردم این کد رو میزارم ایکن اشتراک ویژه میاد ولی روش کیلیک نمیخوره وباز نمیشه دکمه سفارش اکانت


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

    و استایل رو از قسمت پایین سایت(فوتر) روی flatly قرار بدید /.... تا مشکل رو مشاهده کنید
    درود
    اینو بزارید
    کد:
    <div class="vip">
    <img class="vipbottom" src="http://iranufc.biz/images/icons/vip-iuc.png">
    <a href="http://www.iranufc.biz/thread435.html" style="text-decoration: none; color: rgb(76, 76, 76); height: 48px; width: 69px; display: block; position: fixed; right: 5px; bottom: 5px;">
    <div class="viptext">
    سفارش اکانت ویژه
    </div>
    </a>
    </div>

    کاربر زیر پست Ali.shafaey را پسندیده است:



    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  8. #28
    MAMAD هم اکنون آنلاین است.
    MAMAD 276نوشته75مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    222
    پسندیده است
    322 پست
    بلاگ
    0 پست
    میزان امتیاز
    85
    /www.iranufc.biz
    نقل قول نوشته اصلی توسط Tired Tiger نمایش پست ها
    درود
    اینو بزارید
    کد:
    <div class="vip">
    <img class="vipbottom" src="http://iranufc.biz/images/icons/vip-iuc.png">
    <a href="http://www.iranufc.biz/thread435.html" style="text-decoration: none; color: rgb(76, 76, 76); height: 48px; width: 69px; display: block; position: fixed; right: 5px; bottom: 5px;">
    <div class="viptext">
    سفارش اکانت ویژه
    </div>
    </a>
    </div>

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

    نمیشه مثل قبل وقتی کیلیک میکنم رو ایکن ، دکمه سفارش باز شه ؟؟.. بعد با کیلیک بر روی ان بره داخل؟

    الان چک کنید کد جدید گذاشتم
    ویرایش توسط MAMAD : 01-30-2016 در ساعت 04:07 PM

  9. #29
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط MAMAD نمایش پست ها
    قرار دادم وقتی کیلیک میکنم مستقیم میره داخل تایپیک اون ایکن سفارش باز نمیشه ..

    نمیشه مثل قبل وقتی کیلیک میکنم رو ایکن ، دکمه سفارش باز شه ؟؟.. بعد با کیلیک بر روی ان بره داخل؟

    الان چک کنید کد جدید گذاشتم
    عذر میخواید متوجه نبودم که باید کلیکی باز بشه
    ببینید کد های کوئری این آموزش با کد های کوئری استایلتون تداخل داره و تقریبا باید بیخیال کلیک بشید چون نیاز به برسی و رفع تداخل داره و زمان زیادی میبره
    پیشنهاد میکنم اینطوری استفاده کنید یا این که کدی براتون بنویسم که موس وقتی بره روی عکس اون یکی باز بشه و دیگه کلیکی نباشه! یعنی به صورت هاور باشه؛ متوجه شدید؟

    کاربر زیر پست Ali.shafaey را پسندیده است:



    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #30
    MAMAD هم اکنون آنلاین است.
    MAMAD 276نوشته75مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    222
    پسندیده است
    322 پست
    بلاگ
    0 پست
    میزان امتیاز
    85
    /www.iranufc.biz
    خیلی ممنون .. بله همینجوری استفاده میکنم

    با تشکر

صفحه 3 از 3 نخستنخست 123

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

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

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

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

  1. یک سوال در مورد opazity در jquery
    توسط amirreza0111 در انجمن CSS
    پاسخ: 0
    آخرين نوشته: 04-06-2013, 06:34 PM

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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