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

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

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

    دوستان چطوری میشه تمام عنوانای کاربری روسفید نشون بده مانند شات !
    ینی کاری به گروه کاربری و رنگش نداشته باشه و نام کاربری در امضا حتما سفید باشه !
    چیکار باید کرد ؟




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

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

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

    کسی نبود بدونه ؟

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

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

    مدیران و پاسخگویان اگه ممکنه کمک کنند و به درخواست رسیدگی شه

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

    ورژن ویبولتین
    4.2
    نوشته ها
    54
    میزان امتیاز
    9

    پیش فرض

    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    دوستان چطوری میشه تمام عنوانای کاربری روسفید نشون بده مانند شات !
    ینی کاری به گروه کاربری و رنگش نداشته باشه و نام کاربری در امضا حتما سفید باشه !
    چیکار باید کرد ؟
    منم با نظر شما موافق هستم اگه میشه مدیران عزیز یه راهنمایی کنند چون خیلی این طوری بهتر و قشنگ تر میشه

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

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

    آپ ........

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    دوستان چطوری میشه تمام عنوانای کاربری روسفید نشون بده مانند شات !
    ینی کاری به گروه کاربری و رنگش نداشته باشه و نام کاربری در امضا حتما سفید باشه !
    چیکار باید کرد ؟
    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    کسی نبود بدونه ؟
    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    مدیران و پاسخگویان اگه ممکنه کمک کنند و به درخواست رسیدگی شه
    نقل قول نوشته اصلی توسط mahdi1448 نمایش پست ها
    منم با نظر شما موافق هستم اگه میشه مدیران عزیز یه راهنمایی کنند چون خیلی این طوری بهتر و قشنگ تر میشه
    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    آپ ........

    آموزش کادربندی و زیباسازی امضا نسخه 2 - صفحه 9

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

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

    من اولش بجای اون کد همین کد رو جایگزین کردم اما تغییری نکرده و کار نمیکنه هنوز با رنگ گروه کاربری نشون میده

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

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    من اولش بجای اون کد همین کد رو جایگزین کردم اما تغییری نکرده و کار نمیکنه هنوز با رنگ گروه کاربری نشون میده

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

    کدهایی که توی posbit_legacy زدید رو با کد زیر جایگزین کنید :


    کد:
    <div class="module blue"><img src="emza/text_signature.png" style="float: right;margin-top: -38px;" />
    <h2> <a href="#">امضاي <font color="white"{vb:raw post.musername}</a></h2></div>
    <div class="matn">{vb:raw post.signature}</div>
    </div></blockquote>
    موفق باشید .

  10. Top | #109
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    270
    میزان امتیاز
    33

    پیش فرض

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

  11. Top | #110
    Cry
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    نقل قول نوشته اصلی توسط Mr.pouria نمایش پست ها
    کلا حالتش خارج شد و بهم ریخت و تغییری نکرد .
    بله .. یه قسمتی از کدها کپی نشده بود . شرمنده عزیز دلم .. کد زیر رو شما جایگزین کن :

    کد:
    <div class="emza">
    <div class="module blue">
    <img src="emza/text_signature.png" style="float: right;margin-top: -38px;" />
    <h2> <a href="#">امضاي <font color="white"{vb:raw post.musername}</a></h2></div>
    <div class="matn">{vb:raw post.signature}</div>
    </div></blockquote>
    موفق باشید .

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


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

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

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

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

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