/ آموزش اضافه کرده Thumbnail BBcode ساده و کاربردی
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 5 از 5

مقاله: آموزش اضافه کرده Thumbnail BBcode ساده و کاربردی

    1. آموزش اضافه کرده Thumbnail BBcode ساده و کاربردی

      آموزش اضافه کرده Thumbnail BBcode ساده و کاربردی

      درود
      به درخواست اعضا این آموزش ساده اما کاربردی رو میزارم
      قبل از هرچیزی بگم که این BBcode نقشی در سرعت لود نداره و عکس رو با حجم اصلی لود میکنه اما در سایز بند انگشتی یا Thumbnail که برای نظم پست ها بسیار کاربردی هست
      طرز کار به این شکل هست که لینک مستقیم عکس رو بهش میدید و به صورت Thumbnail نمایش میده و با کلیک روی عکس در سایز واقعی داخل تب جدید باز میشه

      به مسیر BB کدهای اضافی ==> اضافه کردن BB Code جدید برید و فیلد ها رو به صورت زیر تکمیل کنید :

      عنوان : Thumbnail image

      برچسب : Thumbnail

      جایگزینی :
      کد:
      <a href="{param}" Target="_blank" >
      <img src="{param}" alt="تصوير کوچک" width="240px" height="auto" />
      </a>
      مثال :
      کد HTML:
      [Thumbnail]http://upload.wikivb.ir/images/3w6spg8t9ysjqxu4owx7.jpg[/Thumbnail]
      تصویر دکمه :
      کد:
      http://upload.wikivb.ir/images/p4a94qs9jfn3qock9b1u.png
      غیرفعال کردن BB Code در داخل BB Code : بله

      غیر فعال کردن شکلک ها در داخل BB Code : بله

      غیر فعال کردن Word Wrapping در داخل BB Code : بله

      گزینه هایی که ذکر نشدن رو پیشفرض بزارید بمونن

      ذخیره کرده و تمام

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

      12 نفر از اعضا پست WikiVB را پسندیده اند


  1. #2
    mdark آنلاین نیست.
    mdark
    کاربر سايت
    191نوشته12مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    3062
    پسندیده است
    62 پست
    بلاگ
    پست
    میزان امتیاز
    22
    No Set
    ممنون.
    میشه کاری کرد عکس رو که Thumbnail کرد روش که کلیک کنن در تب جدید سایز اصلی رو نشون بده؟

    کاربر زیر پست mdark را پسندیده است:



  2. #3
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    نقل قول نوشته اصلی توسط mdark نمایش پست ها
    ممنون.
    میشه کاری کرد عکس رو که Thumbnail کرد روش که کلیک کنن در تب جدید سایز اصلی رو نشون بده؟
    ای کاش پست رو مطالعه میفرمودید :
    طرز کار به این شکل هست که لینک مستقیم عکس رو بهش میدید و به صورت Thumbnail نمایش میده و با کلیک روی عکس در سایز واقعی داخل تب جدید باز میشه

    4 نفر از اعضا پست WikiVB را پسندیده اند


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

  3. #4
    mahmood.0131 آنلاین نیست.
    mahmood.0131
    کاربر سايت
    289نوشته34مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3413
    پسندیده است
    225 پست
    بلاگ
    1 پست
    میزان امتیاز
    44
    No Set
    سلام. یک سوالی ازتون داشتم میخواستم سایت زیر رو ببنیید قسمت (والپیپر های مشابه)

    والپیپر terminator: genesis, terminator: genisys, science fiction wallpapers films - عکس

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

    تصوير کوچک
    ویرایش توسط mahmood.0131 : 11-28-2015 در ساعت 05:33 PM

  4. #5
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    نقل قول نوشته اصلی توسط mahmood.0131 نمایش پست ها
    سلام. یک سوالی ازتون داشتم میخواستم سایت زیر رو ببنیید قسمت (والپیپر های مشابه)

    والپیپر terminator: genesis, terminator: genisys, science fiction wallpapers films - عکس

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

    تصوير کوچک
    ساده ترین آموزشی که میتونم بهتون بدم اینه که به جای "جایگزینی" کد زیر رو بزارید :

    کد:
    <a href="{param}" Target="_blank" class="thumbnail-link">
    <img src="{param}" alt="تصوير کوچک" width="240px" height="auto" />
    </a>
    سپس به انتهای Additional.css اضافه کنید :

    کد:
    .thumbnail-link img {
        -webkit-transform: scale(1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
    }
    .thumbnail-link img:hover {
        -webkit-transform: scale(1.2);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1.2);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
    }

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


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

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

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

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

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

  1. آموزش اضافه کردن bbcode هشدار
    توسط AmirHoss3in در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 12
    آخرين نوشته: 05-20-2015, 01:06 PM
  2. BBCode اسپویلر | اختصاصی
    توسط Xampp در انجمن vbulletin Version 4.x
    پاسخ: 6
    آخرين نوشته: 01-08-2015, 08:53 PM
  3. درخواست بی بی کد Thumbnail مانند ویکی وی بی
    توسط Neymar در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 3
    آخرين نوشته: 12-12-2014, 05:58 PM
  4. Bbcode vip
    توسط دنیه در انجمن آموزش های ویبولتین
    پاسخ: 3
    آخرين نوشته: 12-11-2014, 02:34 PM

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

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

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