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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 5 از 14 نخستنخست 1234567891011121314 آخرینآخرین
نمایش نتایج: از 41 به 50 از 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 | #41
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    228
    میزان امتیاز
    31

    پیش فرض

    این کد ها رو اضافه کن :

    کد PHP:
    max-height90px;
    overflow-xscroll

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





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

  3. Top | #42

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    چطور میشه براش اسکرول گذاشت وقتی امضاء بزرگتر میشه اسکرول هوریزونتال بشه




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

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


  4. Top | #43
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

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

    اون جدول از کادر زده بیرون

  5. Top | #44
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    دوستان من یه مشکلی دارم باهاش الان
    قبلش امضام از کادرش زده بود بیرون الانم که اسکرول گذاشتم امضا کادر امضا رو با خودش عریض نمیکنه

    اون جدول از کادر زده بیرون
    شما کلا امضاتون غیر استاندارد هست...
    همین امضایی که گذاشتید داخل وی بی ایران هم به زودی حذف میشه

    2 تشکر توسط:


  6. Top | #45
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    نقل قول نوشته اصلی توسط Leberman نمایش پست ها
    شما کلا امضاتون غیر استاندارد هست...
    همین امضایی که گذاشتید داخل وی بی ایران هم به زودی حذف میشه
    دوست عزیز این امضای داخل انجمن خودمه میشه دلیل غیر استاندارد بودنشو بگید
    الان داخل بقیه استایلام امضام رو درست نشون میده ولی توی استایل جدیدم که اون امضا روشه اون شکلی نشون میده

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

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    آآآآآآآآآپ

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,612
    میزان امتیاز
    173

    پیش فرض

    شما باید قبلا سیتم تشکر به پسند رو نصب کرده باشید

  9. Top | #48
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

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

  10. Top | #49
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    آدرس سایتتون رو هم بذارید که ببینیم به صورت لایو ..

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


  11. Top | #50
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    آدرس سایتتون رو هم بذارید که ببینیم به صورت لایو ..
    بفرمائید
    http://www.assassinsorder.com/Forum/

    از بین استایلا بخش Brotherhood Of Assassins هستش

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

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

در حال حاضر 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)

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

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