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

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

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

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

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

      نگارش: , by (کاربر سایت)
      2013/07/01 11:17 PM
      امتیاز: 

      با سلام.

      در این مقاله قصد دارم، آموزش چگونگی تغییر پس زمینه ی نقل قول را به "کاغذ" بدهم.

      شات:
      http://up.vbiran.ir/uploads/13727035431807_1.png
      http://up.vbiran.ir/uploads/137270354132854_2.png


      شروع آموزش:

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

      کد:
      body {  font: 12px/20px Tahoma;
        color: #404040;
      }
      .notepaper {
        position: relative;
        padding: 29px 20px 20px 45px;
        width: 950px;
        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);
      
      }


      2- در جستجوی قالب ها، قالب
      bbcode_quote را جستجو کنید و سپس آنرا باز کرده و

      3- عنوان
      کد:
          <div class="bbcode_quote">
      در خط دوم را با :

      4-
      کد:
      <div class="notepaper">
      جایگزین کنید.

      حال نتیجه ی کار خود را مشاهده نمایید.

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

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

    پیش فرض

    عزیز من این مشکل داره که با مانیتورها ست نیستش و اگه با مرورگر زوم رو به عقب ببرین متوجه این موضوع میشین

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    556
    میزان امتیاز
    63

    پیش فرض

    دادا امروز ترکوندیا
    دستت درد نکنه

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

    ولی در کل خوبه و حرکتت جالب بود

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

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

    پیش فرض

    خواهش میکنم.

    میدونید که ، من مبتدی ام و این کد رو هم برای دوستمون ردیف کردم؛ اما به هر حال بدون مشکل نیست!!!
    واقعا من شرمنده ام، نمیتونم راست و ریسش کنم.


    نقل قول نوشته اصلی توسط imaniy نمایش پست ها
    عزیز من این مشکل داره که با مانیتورها ست نیستش و اگه با مرورگر زوم رو به عقب ببرین متوجه این موضوع میشین
    برای حل مشکل تان کافی است آن کدی را که به Addintional.css اضافه کردید؛
    کد:
      width: 950px;
    
    را به
    کد:
      width: auto;
    تغییر بدید؛ همین، به همین سادگی

    نقل قول نوشته اصلی توسط reza-mont نمایش پست ها
    دادا امروز ترکوندیا
    دستت درد نکنه

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

    ولی در کل خوبه و حرکتت جالب بود
    تشکر.
    بله ، کد BB Code هم ساخته شده، اما نقل قول های قدیمی رو که نمیشه پس زمینه اش رو عوض کرد!! همچنین اگر کاربران گزینه ی نقل قول رو انتخاب کنند، پس زمینه ی نقل قول تغییر نمیکند!!!

    آره دیگه؛ گفتم ما هم دیگه کم کم استارت رو بزنیم و مطلب نشر بدیم! ان شاء الله.

    مولا علی علیه السلام می فرمایند:
    زکات علم نشر آن است
    ویرایش توسط ami_fo10 : 2013/07/02 در ساعت 12:24 AM دلیل: ادغام دو پست

    5 تشکر توسط:


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

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

    پیش فرض

    این دیگه واقعا جالب بودااااااااااااا اونم توی نقل قول؟

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    21
    میزان امتیاز
    0

    پیش فرض

    دوست عزیز من اول این کاری که شما گفتی رو انجام دادم ، بعد یکی از دوست هام پاکش کرد و بعد دوباره اضافه کردم اما اینطوری شده :



    من فقط می خوام یکی اش وجود داشته باشه باید چیکار کنم ؟
    additonal.css

    کد:
    /*! * VBIran : First and free vBulletin encyclopedia in Iran
     *
     * Copyright 2010 VBIran.Ir 
     * Designed by VBIran
     * Twitter: @VBIran | Facebook : fb.com/vbiran.ir
     *
     */
    
    
    @font-face {
     font-family: 'BYekan';
     src: url('images/vbirangalaxy/font/B Koodak.eot?#') format('eot'),  /* IE6–8 */ url('images/vbirangalaxy/font/B Koodak.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('images/vbirangalaxy/font/B Koodak.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    }
    
    
    .Saye{
    background:url(images/vbirangalaxy/ecolor/saye.png);
    float:left;
    margin-top:-100px;
    margin-left:30px;
    width: 273px;
    height: 43px;
    }
    
    
    .Saye2{
    background:url(images/vbirangalaxy/ecolor/saye.png);
    float:left;
    margin-top:0px;
    margin-left:30px;
    width: 273px;
    height: 43px;
    }
    
    
    .Entekhab{
    background:url(images/vbirangalaxy/ecolor/erang.png);
    float:left;
    margin-top:5px;
    margin-left:185px;
    width: 76px;
    height: 30px;
    }
    
    
    .Khat{
    background:url(images/vbirangalaxy/ecolor/khat.png);
    float:left;
    margin-top:-20px;
    margin-left:110px;
    width: 92px;
    height: 15px;
    }
    
    
    .blue{
    background:url(images/vbirangalaxy/ecolor/blue.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:90px;
    }
    .green{
    background:url(images/vbirangalaxy/ecolor/green.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-61px;
    }
    .red{
    background:url(images/vbirangalaxy/ecolor/red.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-90px;
    }
    
    
    .purple{
    background:url(images/vbirangalaxy/ecolor/purple.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-120px;
    }
    
    
    .yellow{
    background:url(images/vbirangalaxy/ecolor/yellow.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-150px;
    }
    
    
    .betoche{
    float:right;
    margin-top:-100px;
    }
    
    
    .betoche2{
    float:right;
    margin-top:0px;
    }
    
    
    .VBIran{width: 50px;
    height: 45px;
    float: left;
    background: url(images/vbirangalaxy/CopyRight.png);
    margin-top: -35px;
    margin-left: 72px;
    }
    .VBIran2{font-size:0px;margin-left:10px;float:left;margin-top:-35px;background: url(images/vbirangalaxy/CopyRight.png) right;width:240px;height:45px;opacity:0;    -webkit-transition :all 0.3s ease-in;
        -moz-transition :all 0.3s ease-in;
        -o-transition :all 0.3s ease-in;}
    .VBIran:hover + .VBIran2{margin-left:5px;opacity:1;     
         -webkit-transition :all 0.3s ease-in;
        -moz-transition :all 0.3s ease-in;
        -o-transition :all 0.3s ease-in;}
    
    
    .singinbox{direction:ltr;font-size:12px;text-align:left;color:#e1e1e1;font-family:tahoma;margin-top:15px;background:rgba(255,255,255,0.1);border-radius:4px;height:20px;width:125px;float:left;border:none;padding-right:-5px;padding-left:-5px;margin-left:45px;}
    
    
    .signintext{margin-top:5px;float:right;
    font-family:BYekan;color:#fff;margin-right:80px;}
    .signintext2{margin-top:15px;float:right;
    font-family:BYekan;color:#fff;margin-right:45px;}
    .signintext3{margin-top:15px;float:right;
    font-family:BYekan;color:#fff;margin-right:50px;}
    .tools a:hover{color:rgba(255,255,255,0.9)}
    .notices li a{color:#fff;}
    body {  font: 12px/20px Tahoma;
      color: #404040;
    }
    .notepaper {
      position: relative;
      padding: 29px 20px 20px 45px;
      width: auto;
      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);

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    21
    میزان امتیاز
    0

    پیش فرض

    یعنی سایت به این بزرگی یه نفر نیست جواب منو بده ؟؟!؟؟!؟!؟!؟!؟!؟!؟

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

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

    پیش فرض

    نقل قول نوشته اصلی توسط Ali.1376 نمایش پست ها
    دوست عزیز من اول این کاری که شما گفتی رو انجام دادم ، بعد یکی از دوست هام پاکش کرد و بعد دوباره اضافه کردم اما اینطوری شده :



    من فقط می خوام یکی اش وجود داشته باشه باید چیکار کنم ؟
    additonal.css

    کد:
    /*! * VBIran : First and free vBulletin encyclopedia in Iran
     *
     * Copyright 2010 VBIran.Ir 
     * Designed by VBIran
     * Twitter: @VBIran | Facebook : fb.com/vbiran.ir
     *
     */
    
    
    @font-face {
     font-family: 'BYekan';
     src: url('images/vbirangalaxy/font/B Koodak.eot?#') format('eot'),  /* IE6–8 */ url('images/vbirangalaxy/font/B Koodak.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('images/vbirangalaxy/font/B Koodak.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    }
    
    
    .Saye{
    background:url(images/vbirangalaxy/ecolor/saye.png);
    float:left;
    margin-top:-100px;
    margin-left:30px;
    width: 273px;
    height: 43px;
    }
    
    
    .Saye2{
    background:url(images/vbirangalaxy/ecolor/saye.png);
    float:left;
    margin-top:0px;
    margin-left:30px;
    width: 273px;
    height: 43px;
    }
    
    
    .Entekhab{
    background:url(images/vbirangalaxy/ecolor/erang.png);
    float:left;
    margin-top:5px;
    margin-left:185px;
    width: 76px;
    height: 30px;
    }
    
    
    .Khat{
    background:url(images/vbirangalaxy/ecolor/khat.png);
    float:left;
    margin-top:-20px;
    margin-left:110px;
    width: 92px;
    height: 15px;
    }
    
    
    .blue{
    background:url(images/vbirangalaxy/ecolor/blue.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:90px;
    }
    .green{
    background:url(images/vbirangalaxy/ecolor/green.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-61px;
    }
    .red{
    background:url(images/vbirangalaxy/ecolor/red.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-90px;
    }
    
    
    .purple{
    background:url(images/vbirangalaxy/ecolor/purple.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-120px;
    }
    
    
    .yellow{
    background:url(images/vbirangalaxy/ecolor/yellow.png);
    width: 32px;
    height: 32px;
    float:left;
    margin-top:-30px;
    margin-left:-150px;
    }
    
    
    .betoche{
    float:right;
    margin-top:-100px;
    }
    
    
    .betoche2{
    float:right;
    margin-top:0px;
    }
    
    
    .VBIran{width: 50px;
    height: 45px;
    float: left;
    background: url(images/vbirangalaxy/CopyRight.png);
    margin-top: -35px;
    margin-left: 72px;
    }
    .VBIran2{font-size:0px;margin-left:10px;float:left;margin-top:-35px;background: url(images/vbirangalaxy/CopyRight.png) right;width:240px;height:45px;opacity:0;    -webkit-transition :all 0.3s ease-in;
        -moz-transition :all 0.3s ease-in;
        -o-transition :all 0.3s ease-in;}
    .VBIran:hover + .VBIran2{margin-left:5px;opacity:1;     
         -webkit-transition :all 0.3s ease-in;
        -moz-transition :all 0.3s ease-in;
        -o-transition :all 0.3s ease-in;}
    
    
    .singinbox{direction:ltr;font-size:12px;text-align:left;color:#e1e1e1;font-family:tahoma;margin-top:15px;background:rgba(255,255,255,0.1);border-radius:4px;height:20px;width:125px;float:left;border:none;padding-right:-5px;padding-left:-5px;margin-left:45px;}
    
    
    .signintext{margin-top:5px;float:right;
    font-family:BYekan;color:#fff;margin-right:80px;}
    .signintext2{margin-top:15px;float:right;
    font-family:BYekan;color:#fff;margin-right:45px;}
    .signintext3{margin-top:15px;float:right;
    font-family:BYekan;color:#fff;margin-right:50px;}
    .tools a:hover{color:rgba(255,255,255,0.9)}
    .notices li a{color:#fff;}
    body {  font: 12px/20px Tahoma;
      color: #404040;
    }
    .notepaper {
      position: relative;
      padding: 29px 20px 20px 45px;
      width: auto;
      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);
    شما کدها رو دوبار وارد کردید .

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    21
    میزان امتیاز
    0

    پیش فرض

    دوستان مشکل حل شد .
    بله بنده دوبار کد رو وارد کرده بودم ولی در additonal.css نه .
    در bbcode_quote خط :
    کد:
    <div class="notepaper">
    دو بار تکرار شده بود .
    با تشکر از دوستان
    ویرایش توسط Ali.1376 : 2013/07/26 در ساعت 04:47 PM

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

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

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

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

  1. آموزش تغییر شکل ماوس در انجمن / "تمامی" مرورگرها !!
    توسط کلبه دار در انجمن آموزش های وی بولتین
    پاسخ: 16
    آخرين نوشته: 2013/10/05, 03:32 PM
  2. آموزش تغییر فونت Admin CP، بصورت "کامل"، به فونت "tahoma" | اختصاصی VBIran
    توسط کلبه دار در انجمن آموزش های وی بولتین
    پاسخ: 1
    آخرين نوشته: 2013/08/07, 07:29 PM
  3. درخواست نصب VBSEO فوری"""""""""""
    توسط SCRAB در انجمن دانلود ورژن های VBSeo
    پاسخ: 6
    آخرين نوشته: 2013/06/30, 11:58 PM
  4. پاسخ: 1
    آخرين نوشته: 2012/07/20, 10:32 PM
  5. """""""""""""شوال در مورد جست و جوگر داخل سایت""""""""""""
    توسط sajad baraghi در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2011/12/30, 02:51 AM

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

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

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

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

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