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

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

مقاله: آموزش قرار دادن کاغذ css در انجمن

    1. آموزش قرار دادن کاغذ css در انجمن »

      آموزش قرار دادن کاغذ css در انجمن

      نگارش: , by (کاربر سایت)
      2013/06/30 10:39 AM
      امتیاز:  (1 رای ، میانگین : 5.00 )

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

      ابتدا به جستجوی قالب ها بروید و جستجو کنید =====>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;
      }
      .quote-by {
        display: block;
        padding-right: 10px;
        text-align: right;
        font-size: 13px;
        color: #84775c;
      }
      .lt-ie8 .notepaper {
        padding: 15px 25px;
      }
      حالا این کد رو در هرجای انجمن که دوست دارید نشان داده بشه قرار بدید :

      کد:
      <div class="notepaper">
               <figure class="quote">
                  <blockquote class="jDesign-quotes">
      در اینجا متن دلخواه خود را می توانید قرار دهید.
                  </blockquote>
                  <figcaption class="quote-by">
      — گروه طراحی جی دیزاین
                  </figcaption>
               </figure>
            </div>

      عکس:


      منبع : جی دیزاین


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

    پیش فرض

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

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


  2. Top | #3
    کاربر اخراجی

    ورژن ویبولتین
    4
    نوشته ها
    351
    میزان امتیاز
    0

    پیش فرض

    تو BB CODE نمیشه گذاشت اینو ؟!

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


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

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

    پیش فرض

    نقل قول نوشته اصلی توسط onlinesoheil نمایش پست ها
    تو BB CODE نمیشه گذاشت اینو ؟!
    فکر نکنم

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


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

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

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

    آموزش ساختن بی بی کد این CSS در

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

    4 تشکر توسط:


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

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

    پیش فرض

    آموزش قرار دادن این CSS به عنوان پس زمینه ی نقل قول :

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

    2 تشکر توسط:


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

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    122
    میزان امتیاز
    17

    پیش فرض

    درود
    اقا ما فوق مبتدی هستیم میخوام گزینه رو اضافه کنیم اما بلد نیستم

    الان به شکل زیر نگا کنید اومدم اینجا حالا دقیقا بگید کجا برم

    ببینید


    yyyyio.jpg
    سپاس

  7. Top | #8
    مدیر بازنشته

    ورژن ویبولتین
    5.1.5
    نوشته ها
    4,060
    میزان امتیاز
    463

    پیش فرض

    خب این گزینه رو برای چی میخواید؟
    کلاس رو دارید؟

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

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

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

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

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. آموزش آپگراید ویبولیتن ورژن 3 به 4 ( اموزش تصویری )
    توسط Reza در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 5
    آخرين نوشته: 2014/11/17, 09:38 PM
  3. [آموزش فوتوشاپ]آموزش ساخت وکتور حبابی
    توسط T!G3R در انجمن بحث آزاد
    پاسخ: 9
    آخرين نوشته: 2013/06/09, 08:44 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/06/01, 12:09 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/01/13, 02:11 PM

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

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

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

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