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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 13 از 14 نخستنخست 1234567891011121314 آخرینآخرین
نمایش نتایج: از 121 به 130 از 133

مقاله: آموزش کادربندی و زیباسازی امضا نسخه 2

    1. آموزش کادربندی و زیباسازی امضا نسخه 2 »

      آموزش کادربندی و زیباسازی امضا نسخه 2

      نگارش: , by (مدیر بازنشسته)
      2013/02/09 02:46 AM
      امتیاز:  (2 رای ، میانگین : 3.00 )

      درود .

      آموزش کادربندی و زیباسازی امضا نسخه 2 که توسط علی خلیلیفر عزیز آماده شده هست .

      نمونه شات :



      ابتدا پوشه پیوست شده رو در روت انجمن آپلود کنید .

      سپس به قالب Additional.css بروید و کد های زیر را به انتهای آن اضافه کنید :

      کد:
      @font-face {
      font-family: 'BYekan';
      src: url('emza/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('emza/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('emza/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
      }
      
      
      .emza {
      box-shadow: 0px 0px 87px rgb(238, 238, 238) inset,rgba(0, 0, 0, 0.4) 0px 4px 4px -4px;
      margin: 10px;
      padding: 10px;
      border-radius: 10px 10px 17px 17px;
      border: 2px solid rgb(235, 235, 235);
      background:white url(emza/blockquote.png) no-repeat 98.54% 27px;
      border-bottom:4px solid rgb(235, 235, 235);
      }
      
      
      .module {
      background: #eee;
      margin: 0 0 20px 0;
      }
      
      
      .module h2 {
      background: #ccc;
      line-height: 2;
      padding: 0 0 0 10px;
      font-size: 16px;
      box-shadow: inset 0 25px 10px -10px rgba(255, 255, 255, 0.2);
      border-radius: 9px;
      }
      
      
      .module h2 a {
      float: right;
      position: relative;
      text-decoration: none;
      color: rgb(255, 255, 255);
      padding: 0 10px;
      -webkit-transition: padding 0.1s linear;
      -moz-transition: padding 0.1s linear;
      -ms-transition: padding 0.1s linear;
      -o-transition: padding 0.1s linear;
      border-radius: 0px 10px;
      font: 14px "BYekan",Calibri;
      direction: rtl;
      text-shadow: 1px 1px rgb(131, 0, 0);
      padding-top: 4px;
      padding-bottom: 4px;
      margin-top: -37px;margin-right: 38px;
      }
      
      
      .module h2 a:hover {
      padding: 0 14px;
      padding-top:4px;
      padding-bottom:4px;
      }
      
      
      .module h2 a:active {
      padding: 0 16px;
      padding-top:4px;
      padding-bottom:4px;
      }
      
      
      .module h2 a:before,.module h2 a:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0;
      height: 0;
      }
      
      
      .module h2 a:before {
      left: -12px;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      margin-top: -8px;
      }
      
      
      .module.blue h2 a {
      background: rgb(233, 0, 0);
      }
      
      
      .module.blue h2 a:hover {
      background: #ff8400;
      }
      
      
      .module.blue h2 a:after {
      left: -5px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid rgb(233, 0, 0);
      margin-top: -6px;
      }
      
      
      .module.blue h2 a:hover:after {
      border-right-color: #ff8400;
      }
      
      
      .matn {
      direction:rtl;
      border-right:0px solid #cecece;
      font:14px BYekan;
      color: rgb(134, 134, 134);
      padding-right:6px;
      font-weight:normal;
      margin-right:50px;
      }
      
      
      .c {
      float:left;
      background:none;
      margin-top:-22px;
      }
      
      
      .c a {
      background: rgb(219, 219, 219) !important;
      }
      
      
      .c a:after {
      left: -5px !important;
      border-top: 6px solid transparent !important;
      border-bottom: 6px solid transparent !important;
      border-right: 6px solid rgb(219, 219, 219) !important;;
      margin-top: -6px !important;;
      }
      سپس به قالب postbit_legacy بروید و به کد زیر را پیدا کنید :

      کد:
      <div class="signaturecontainer">{vb:raw post.signature}</div>
      و جایگزین کنید با :

      کد:
      <div class="emza">
      <div class="module blue">
      <img src="emza/text_signature.png" style="float: right;margin-top: -38px;" />
      <h2> <a href="#">امضاي {vb:raw post.musername}</a></h2></div>
      <div class="matn">{vb:raw post.signature}</div>
      </div>
      موفق باشید .
      ویرایش توسط Designer : 2013/10/17 در ساعت 07:50 PM
  1. Top | #121
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    627
    میزان امتیاز
    73

    پیش فرض

    تمامی مراحل انجام شد ولی تفاوتی حاصل نشد...

    تازه با انجام مجدد مراحل حتی پست هم از کادر زد بیرون و بدتر شد:

    تست

    2 تشکر توسط:





  2. گیفت کارت آیتونز

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

    ورژن ویبولتین
    4.2
    نوشته ها
    369
    میزان امتیاز
    40

    پیش فرض

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

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

    ورژن ویبولتین
    4.2.1,4.2.2
    نوشته ها
    4,359
    میزان امتیاز
    517

    پیش فرض

    نقل قول نوشته اصلی توسط Reza.net نمایش پست ها
    سلام واسه من اون کادر قرمز رو نمایش نمیده
    درود .
    آدرس سایت ؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    369
    میزان امتیاز
    40

    پیش فرض

    مرسی درست شد

    میخوام کادر قرمز رنگ رو عوض کنم عوض نمیشه مدیر کل قرمز هست با بکگراند قرمز معلوم نیست
    ویرایش توسط Reza.net : 2014/07/19 در ساعت 07:10 PM دلیل: ادغام دو پست

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

    ورژن ویبولتین
    4.2
    نوشته ها
    369
    میزان امتیاز
    40

    پیش فرض

    سلام
    رنگ بکگراند قرمز هست رنگ مدیر کل هم قرمز اینطور دیده نمیشه چیکار کنم؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    47
    میزان امتیاز
    0

    پیش فرض

    درود
    چه طوری خط بندازم دور کادر
    تشکر

  8. Top | #127
    مدیر بخش

    ورژن ویبولتین
    4.2.1
    نوشته ها
    6,595
    میزان امتیاز
    808

    پیش فرض

    نقل قول نوشته اصلی توسط gef نمایش پست ها
    درود
    چه طوری خط بندازم دور کادر
    تشکر
    قسمت مربوط به کادربندی هک تشکر رو انجام بدید :

    کامل ترین آموزش کادر بندی Postbit در ویبولتین 4 مثل وی بی ایران

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

    gef

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

    ورژن ویبولتین
    4.2
    نوشته ها
    47
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط FoX FuN نمایش پست ها
    قسمت مربوط به کادربندی هک تشکر رو انجام بدید :

    کامل ترین آموزش کادر بندی Postbit در ویبولتین 4 مثل وی بی ایران
    منظورم کادر امضا بود مثل تشکر دورش خط بندازم
    بازم تشکر
    تصاویر پیوست شده تصاویر پیوست شده

  10. Top | #129
    مدیر بخش

    ورژن ویبولتین
    4.2.1
    نوشته ها
    6,595
    میزان امتیاز
    808

    پیش فرض

    نقل قول نوشته اصلی توسط gef نمایش پست ها
    منظورم کادر امضا بود مثل تشکر دورش خط بندازم
    بازم تشکر
    شرمنده منظورتون رو بد متوجه شدم ...

    ادرستون رو قرار بدید

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

    gef

  11. Top | #130
    gef
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    47
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط FoX FuN نمایش پست ها
    شرمنده منظورتون رو بد متوجه شدم ...

    ادرستون رو قرار بدید
    سخت افزار ایران بفرمایید

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

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

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

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

  1. آموزش زیبا سازی پست بیت { به سبک دفترچه } (جدید)
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/10/10, 04:52 PM
  2. آموزش زیباسازی پست بیت به سبک وب آلفا + Css Hover (جدید!)
    توسط Reza در انجمن آموزش های وی بولتین
    پاسخ: 93
    آخرين نوشته: 2013/08/12, 01:41 PM
  3. درخواست آموزش مرتب سازی زیرانجمن ها
    توسط boors در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2013/02/04, 12:45 AM
  4. آموزش زیبا سازی پست بیت { ساده و زیبا } (ورژن3)
    توسط sorathost در انجمن آموزش های وی بولتین
    پاسخ: 4
    آخرين نوشته: 2012/11/15, 08:39 PM
  5. آموزش زیبا سازی پست بیت { ساده و زیبا }
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 46
    آخرين نوشته: 2012/08/05, 03:40 PM

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

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

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

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

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