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

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

مقاله: اموزش ساخت بی بی کد کاغذ| Paper BB Code

    1. اموزش ساخت بی بی کد کاغذ| Paper BB Code »

      اموزش ساخت بی بی کد کاغذ| Paper BB Code

      نگارش: , by (کاربر سایت)
      2013/06/30 03:26 PM
      امتیاز: 

      سلام
      در این مقاله قصد دارم آموزش ساختن بی بی کد کاغذ رو بدم.
      شات از بی بی کد:
      http://up.vbiran.ir/uploads/137258829326613_shot.png

      برای ساختن این بی بی کد از مقالات زیر استفاده شده است:
      چگونه BBCode بنویسیم ؟ ( آموزش + توضیح کامل )
      آموزش قرار دادن کاغذ css در انجمن

      بریم سر وقت آموزش:

      ابتدا به جستجوی قالب ها بروید و جستجو کنید =====>additional.css
      و در انتهای آن اضافه کنید :

      کد:
      body {
        font: 12px/20px Tahoma;
        color: #404040;
      }
      .notepaper {
        position: relative;
        padding: 29px 20px 20px 45px;
        width: 390px;
        line-height: 20px;
        color: #6a5f49;
        direction:rtl;
        text-shadow: 0 1px 1px white;
        background-color: #f2f6c1;
        background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
        background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
        background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
        border: 1px solid #c3baaa;
        border-color: rgba(195, 186, 170, 0.9);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
      }
      .notepaper:before, .notepaper:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
      }
      .notepaper:before {
        left: 28px;
        width: 2px;
        border: solid #efcfad;
        border-color: rgba(239, 207, 173, 0.9);
        border-width: 0 1px;
      }
      .notepaper:after {
        z-index: -1;
        left: 0;
        right: 0;
        background: rgba(242, 246, 193, 0.9);
        border: 1px solid rgba(170, 157, 134, 0.7);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);
      }
      .quote {
        font-family: tahoma;
        font-size: 14px;
      }
      .jDesign-quotes:before, .jDesign-quotes:after {
        display: inline-block;
        vertical-align: top;
        height: 30px;
        line-height: 48px;
        font-size: 40px;
        opacity: .2;
      }
      .jDesign-quotes:before {
        content: '\201C';
        margin-left: 4px;
        margin-right: -8px;
      }
      .jDesign-quotes:after {
        content: '\201D';
        margin-right: 4px;
        margin-left: -8px;
      }
      
      
      .lt-ie8 .notepaper {
        padding: 15px 25px;
      }
      حالا ادمین سی پی /BB کد های اضافی/ اضافه کردن BB Code جدید /

      در قسمت عنوان یک عنوان برای خود انتخاب کنید،مثلا "کاغذ"
      بر چسب BB Code : =>>
      paper
      جایگزینی :
      کد:
      <div class="notepaper">         <figure class="quote">
                  <blockquote class="jDesign-quotes">
      {param}
                  </blockquote>
        
      
            </div>


      مثال :
      [paper]وی بی ایران[/paper]



      در بخش توضیح بصورت دلخواه توضیحاتی در باره شاهکار خودتان به ویبولتین ارائه کنید . :d

      به کار بردن تنظیمات : خیر
      تصویر دکمه:

      http://up.vbiran.ir/uploads/13725882795838paper.png


      حذف برچسب (Tag) در حالت خالی: بله

      بقیه ی گزینه ها : خـــــیر

      این مقاله از هیچ منبعی غیر از منابعی که در ابتدا نام برده شد، کپی نشده است.

      از این کد لذت ببرید!!!

      موفق باشید
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,305
    میزان امتیاز
    139

    پیش فرض

    میشه کاری کرد که وقتی نقل قول میکنی این عکس کاغذ پس زمینه بشه.

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

    ورژن ویبولتین
    4.2
    نوشته ها
    824
    میزان امتیاز
    92

    پیش فرض

    حاجی دمت گرم میتونی با توجه به این یه باکس برای دانلود پیدا کنی خیلی بدرد سایت ها میخوره دمت گرم

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

    ورژن ویبولتین
    All
    نوشته ها
    139
    میزان امتیاز
    19

    پیش فرض

    نقل قول نوشته اصلی توسط imaniy نمایش پست ها
    میشه کاری کرد که وقتی نقل قول میکنی این عکس کاغذ پس زمینه بشه.
    آموزش قرار دادن این BB Code به عنوان پس زمینه ی نقل قول :

    آموزش تغییرپس زمینه ی نقل قول به"کاغذ"|Change Background Quote To the Paper

    2 تشکر توسط:


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

    ورژن ویبولتین
    5
    نوشته ها
    1,305
    میزان امتیاز
    139

    پیش فرض

    نقل قول نوشته اصلی توسط ami_fo10 نمایش پست ها
    آموزش قرار دادن این BB Code به عنوان پس زمینه ی نقل قول :

    آموزش تغییرپس زمینه ی نقل قول به"کاغذ"|Change Background Quote To the Paper
    ممنون عزیز.

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

    ورژن ویبولتین
    All
    نوشته ها
    139
    میزان امتیاز
    19

    پیش فرض

    خواهش مبکنم


    نقل قول نوشته اصلی توسط TVDL نمایش پست ها
    حاجی دمت گرم میتونی با توجه به این یه باکس برای دانلود پیدا کنی خیلی بدرد سایت ها میخوره دمت گرم
    سلام. طبق درخواست شما، یه چند دقیقه کد ها رو زیر و رو کردم تا یک جعبه دانلود بسازم؛ اما نشد!!!!( هنوز تسلط کافی به CSS ندارم، هنوز مبتدی ام!!)

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


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

    ورژن ویبولتین
    Suite.v4.2.2
    نوشته ها
    200
    میزان امتیاز
    25

    پیش فرض

    ایول خیلی باحال بودش

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

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

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

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

  1. آموزش افزودن QR Code به ویبولتین
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 1
    آخرين نوشته: 2013/09/08, 03:50 PM
  2. پاسخ: 0
    آخرين نوشته: 2012/11/15, 02:04 PM
  3. آموزش اضافه کردن انتخاب همه به [code] ها در ویبولتین 4
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 22
    آخرين نوشته: 2012/03/10, 07:45 PM
  4. درخواست طراحی هدر برای وبلاگ paper-it
    توسط amirmahdi در انجمن درخواست های گرافیکی ( درجه ، هدر ، بنر و .. )
    پاسخ: 0
    آخرين نوشته: 2011/06/30, 08:09 PM
  5. آموزش کد [code] کردن لینک های تاپیک ها بصورت اتوماتیک
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2010/07/24, 03:54 PM

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

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

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

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

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