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

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

مقاله: BBcode گذاشتن تصاویر کوچک در متن (اختصاصی وی بی ایران)

    1. BBcode گذاشتن تصاویر کوچک در متن (اختصاصی وی بی ایران) »

      BBcode گذاشتن تصاویر کوچک در متن (اختصاصی وی بی ایران)

      نگارش: , by (کاربر سایت)
      2012/06/01 08:32 PM
      امتیاز:  (1 رای ، میانگین : 5.00 )

      توضیح: با این این BBcode میتونید یک یا چند تصویر در مطلب خود با هر سایزی قرار بدید و بعد یک آیکون کوچک ذره بین کنارش ایجاد میشه که با کلیک بر روی اون میتونید تصویر رو با سایز اصلی ببینید البته در صفحه جدید.

      ادمین سی پی --> BBcode اضافی --> اضافه کردن BBcode جدید

      عنوان: Miniature
      برچسب: miniature
      جایگزینی:
      کد:
      <div class="miniature">
          <div class="miniature_img" style="background: transparent url({param}) no-repeat center;"></div>
          <div class="miniature_loup"><a href="{param}" target="_new" title="برای مشاهده تصویر بزرگتر اینجا کلیک کنید"><img src="http://up.vbiran.ir/images/mfzc1gss7hc93u6fkkqg.png" border="0" alt="برای مشاهده تصویر بزرگتر اینجا کلیک کنید" /></a></div>
          <div class="miniature_end"></div>
      </div>
      مثال:
      کد:
      [miniature]لینک تصویر[/miniature]
      تصویر دکمه:
      کد:
      http://up.vbiran.ir/images/mfzc1gss7hc93u6fkkqg.png
      برای تنظیم اندازه تصویر کوچیک به قالب additional.css بروید و کد زیر را در انتهای آن قرار دهید:

      کد:
      /* Miniature */
      .miniature {
          position:relative;
          width:302px;
          height:302px;
          margin: 0 auto;
          border: {vb:stylevar foruminfo_header_border};
          -moz-border-radius:{vb:math {vb:stylevar padding}-3};
          -webkit-border-radius:{vb:math {vb:stylevar padding}-3};
      }
      .miniature_img {
          width:300px;
          height:300px;
          vertical-align:middle;
          border: 1px solid #FFFFFF;
          opacity:0.6;
          ******:alpha(opacity=60);
          -moz-border-radius:{vb:math {vb:stylevar padding}-3};
          -webkit-border-radius:{vb:math {vb:stylevar padding}-3};
      }
      .miniature_loup {
          position:absolute;
          right:-10px;
          top:270px;
          opacity:0.7;
          width:45px;
          height:45px;
          ******:alpha(opacity=70);
      }
      .miniature_loup img {
          width:45px;
          height:45x;
      }
      .miniature_end {
          clear:both;
      }
      تصاویر پیوست شده
      ویرایش توسط Dastyar : 2012/06/01 در ساعت 11:56 PM
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    ☻Google
    نوشته ها
    5,116
    میزان امتیاز
    601

    پیش فرض

    زود رفتی سر اصل مطلبا

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


  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    5,334
    میزان امتیاز
    645

    پیش فرض

    نقل قول نوشته اصلی توسط Overlord نمایش پست ها
    زود رفتی سر اصل مطلبا
    دیدم بقیه تاپیک ها اول کمی در موردش توضیح میدن ولی من گفتم زود برم سر اصل مطلب

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


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

    ورژن ویبولتین
    ☻Google
    نوشته ها
    5,116
    میزان امتیاز
    601

    پیش فرض

    خب یکم توضیح بده ما که نگرفتیم

  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    146
    میزان امتیاز
    19

    پیش فرض

    رفیق توضیح واجبه!

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


  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    5,334
    میزان امتیاز
    645

    پیش فرض

    توضیح به پست اول اضافه شد!

  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    93
    میزان امتیاز
    15

    پیش فرض

    سلام ممنون از مطالب مفیدتون
    یه سوال دارم بعد از نصب این BB کد , طبق مراحلی که گفتید انجام دادم و این در نوار ادیتور نصب شد مثل دکمه های PhP و ... حالا که این دکمه رو میزنم و داخلش لینک عکس رو قرار میدم به این صورتیکه گفتید درنمیاد




    سوال بعدی اینکه گفتید :


    برای تنظیم اندازه تصویر کوچیک به قالب additional.css بروید و کد زیر را در انتهای آن قرار دهید:
    میشه کمی بیشتر توضیح بدید که دقیقا کجا این کد رو بزارم ممنون

    @Capit4n
    ویرایش توسط ᗩ r e Z o O : 2013/01/27 در ساعت 12:16 AM

  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    5,334
    میزان امتیاز
    645

    پیش فرض

    نقل قول نوشته اصلی توسط AreZo‿ʘ نمایش پست ها
    سلام ممنون از مطالب مفیدتون
    یه سوال دارم بعد از نصب این BB کد , طبق مراحلی که گفتید انجام دادم و این در نوار ادیتور نصب شد مثل دکمه های PhP و ... حالا که این دکمه رو میزنم و داخلش لینک عکس رو قرار میدم به این صورتیکه گفتید درنمیاد




    سوال بعدی اینکه گفتید :




    میشه کمی بیشتر توضیح بدید که دقیقا کجا این کد رو بزارم ممنون

    @Capit4n
    در جستجو قالب ها additional.css سرچ کنید.

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


  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    93
    میزان امتیاز
    15

    پیش فرض

    نقل قول نوشته اصلی توسط Capit4n نمایش پست ها
    در جستجو قالب ها additional.css سرچ کنید.

    سلام
    این کار و هم انجام دادم نشد ولی
    عکس رو از طریق pc آپ میکنم فقط لینک عکس میاد

  9. Top | #10
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    93
    میزان امتیاز
    15

    پیش فرض

    به این صورت نمایش داده میشه :
    مشکل از کجا هستش ؟ من تمام مراحل رو درست رفتم @Capit4n


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

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

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

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

  1. پاسخ: 6
    آخرين نوشته: 2015/01/13, 03:44 PM
  2. دانلود BBCode منبع ، اختصاصی وی بی ایران
    توسط VBIran در انجمن هک 4.1.x
    پاسخ: 76
    آخرين نوشته: 2014/11/18, 01:41 PM
  3. bbcode هشدار مدیران به کاربران با stamp | اختصاصی وی بی ایران
    توسط #Mr.OK# در انجمن آموزش های وی بولتین
    پاسخ: 24
    آخرين نوشته: 2012/04/07, 11:28 AM
  4. پاسخ: 18
    آخرين نوشته: 2012/02/14, 08:40 PM
  5. پاسخ: 14
    آخرين نوشته: 2011/06/25, 11:37 PM

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

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

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

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

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