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

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

    پیش فرض

    نقل قول نوشته اصلی توسط 98patogh نمایش پست ها
    آقا این فایل پیشوستش نیست
    اگر فایل پیوست رو نمیبینید ، برید صفحه اول تاپیک

    نقل قول نوشته اصلی توسط SCRAB نمایش پست ها
    ایا بهتر ار اینم وحود داره؟
    بله ، جستجو کنید بازم هست

    یا میتونید خودتون یکی طراحی کنید




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

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

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

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

    آپ اول : پست 82

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

    آپ دوم پست 82

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

    آپ سوم پست 82

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

    آپ چهارم پست 82

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


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

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

    پیش فرض

    نقل قول نوشته اصلی توسط nohie نمایش پست ها
    با سلام
    من میخوام که اونجا که نام کاربر رو مینویسه مشکی باشه حتما
    و کاری به رنگ گروه کاربری کاربر نداشته باشه
    چیکار کنم؟
    نقل قول نوشته اصلی توسط nohie نمایش پست ها
    آپ اول : پست 82
    نقل قول نوشته اصلی توسط nohie نمایش پست ها
    آپ دوم پست 82
    نقل قول نوشته اصلی توسط nohie نمایش پست ها
    آپ سوم پست 82
    نقل قول نوشته اصلی توسط nohie نمایش پست ها
    آپ چهارم پست 82

    تو قالب postbit_legacyپیدا کنید :


    کد:
    <h2> <a href="#">امضاي {vb:raw post.musername}</a></h2></div>



    جایگزین کنید با :


    کد:
    <h2><a>امضا {vb:raw post.musername}</a></h2></div>

    برای رنگ بندی پس زمینه و این حرفا هم که اون کدهایی که آخر قالب Additional.css ـتون اضافه کردید رو ویرایش کنید .

    موفق باشید

    3 تشکر توسط:


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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    295
    میزان امتیاز
    35

    پیش فرض

    نقل قول نوشته اصلی توسط Cry نمایش پست ها
    تو قالب postbit_legacyپیدا کنید :


    کد:
    <h2> <a href="#">امضاي {vb:raw post.musername}</a></h2></div>



    جایگزین کنید با :


    کد:
    <h2><a>امضا {vb:raw post.musername}</a></h2></div>

    برای رنگ بندی پس زمینه و این حرفا هم که اون کدهایی که آخر قالب Additional.css ـتون اضافه کردید رو ویرایش کنید .

    موفق باشید
    نشذ

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


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

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

    پیش فرض

    یعنی چی نشد ؟ مگه نمیخواستید که از رنگ نام کاربری استفاده نشه توی اون قسمت ؟

    2 تشکر توسط:


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

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

    پیش فرض

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


    جدیدترین یوزر و پسورد های نود32 این تاپیک هر روز اپدیت میگردد - صفحه 6

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


    این کد رو

    .module.blue h2 a {
    background: rgb(233, 0, 0);

    به این شکل تغییر دهید

    .module.blue h2 a {
    background: rgb(255, 255, 0);

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

    این ادرس کد رنگ

    The Other RGB Color Chart

    موفق باشید
    ویرایش توسط Google spider : 2013/07/15 در ساعت 07:41 AM دلیل: ادغام دو پست

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


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

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

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

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

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