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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از 21 به 22 از 22

مقاله: آموزش قراردادن Tooltip بسیار زیبا در ویبولتین ( همانند وی بی ایران )

    1. آموزش قراردادن Tooltip بسیار زیبا در ویبولتین ( همانند وی بی ایران ) »

      آموزش قراردادن Tooltip بسیار زیبا در ویبولتین ( همانند وی بی ایران )

      نگارش: , by (مدیر بازنشسته)
      2013/03/26 03:37 AM
      امتیاز: 

      درود .

      همانطور که در استایل فعلی وی بی ایران مشاهده میکنید Tooltip در بعضی جاها قرار داده شده ،

      همانند عکس زیر :




      1.
      به قالب headinclude بروید و آخرش اضافه کنید :

      کد:
      <script type='text/javascript' src='http://cdn.vbiran.ir/images/vbiranv6/jquery.min.js'></script><script type="text/javascript" src="http://cdn.vbiran.ir/images/vbiranv6/yousafe.js"></script>

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

      کد:
      #tooltip {
          font-family: Tahoma;
          font-size: 11px;
          text-align: center;
          text-shadow: 0 1px rgba( 0, 0, 0, .5 );
          line-height: 1.5;
          color: #fff ;
          background: #333 ;
          background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
          background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
          background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
          background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
          background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
          background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
          -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
          box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
          position: absolute;
          z-index: 100;
          padding: 15px;
      }
      #tooltip :after {
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top-color: #333 ;
          border-top: 10px solid rgba( 0, 0, 0, .7 );
          content: '';
          position: absolute;
          left: 50%;
          bottom: -10px;
          margin-left: -10px;
      }
      #tooltip .top:after {
          border-top-color: transparent;
          border-bottom-color: #333 ;
          border-bottom: 10px solid rgba( 0, 0, 0, .6 );
          top: -20px;
          bottom: auto;
      }
      #tooltip .left:after {
          left: 10px;
          margin: 0;
      }
      #tooltip .right:after {
          right: 10px;
          left: auto;
          margin: 0;
      }



      3. حالا به Div یا img یا ul یا li که خواستید میتونید ، به صورت

      کد:
      rel="tooltip" title="متن مورد نظر شما"
      اضافه کنید .

      مثلا <div class="faq" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">


      ممنون .
  1. Top | #21
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    26
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط OffLineFA نمایش پست ها
    این عدد آخر رو چطور تعریف میکنید چون در سایت نام برده هم برای رنگ آبی این کد رو میده
    کد:
    0, 34, 255
    اگر دقت کنید من همون اعداد 0 و 34 و 255 رو قرار دادم . عدد آخر ( همون 6. یا 8. ) فک میکنم مربوط به سایز یا چیز دیگه ای باشه . چون تو کد اگر دقت کرده باشین نوشته rgba یعنی سه تای اول رنگ های قرمز و سبز و آبی هست و کد چهارم نمیدونم مربوط به چی میشه . اما کد های مخصوص رنگ همون سه تای اولی هست .

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





  2. گیفت کارت آیتونز

  3. Top | #22
    مدیر بازنشته

    ورژن ویبولتین
    My Own Version
    نوشته ها
    2,440
    میزان امتیاز
    361

    پیش فرض

    نقل قول نوشته اصلی توسط OffLineFA نمایش پست ها
    این عدد آخر رو چطور تعریف میکنید چون در سایت نام برده هم برای رنگ آبی این کد رو میده
    کد:
    0, 34, 255
    این ها، کُدهای R G B هستند..
    R : قرمز RED
    G : سبز GREEN
    B : آبی BLUE
    بجاش، یحتمل بشه کُد دی گری رو نیز گذارد..
    مثلاً واس سفید #ffffff
    i don know..
    ویرایش توسط کلبه دار : 2013/04/03 در ساعت 09:48 AM دلیل: ادغام دو پست

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


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

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

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

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

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

  1. آموزش تغییر پست بیت ویبولتین به IP.Board ( بسیار زیبا )
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2013/04/11, 12:31 PM
  2. پاسخ: 10
    آخرين نوشته: 2012/11/09, 08:10 PM
  3. پاسخ: 24
    آخرين نوشته: 2012/07/05, 09:36 PM
  4. پاسخ: 19
    آخرين نوشته: 2012/02/17, 04:44 AM
  5. پاسخ: 8
    آخرين نوشته: 2010/11/23, 01:07 PM

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

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

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

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

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