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

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

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

    پیش فرض

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




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

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

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

    پیش فرض

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

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

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

    پیش فرض

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

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

    ورژن ویبولتین
    4.2
    نوشته ها
    207
    میزان امتیاز
    24

    پیش فرض

    چطوری میتونم رنگا رو درست کنم
    اونجا که نوشته امضای.........
    نام کاربر رو با رنگ مقام ها نوشته
    چیکار کنم که بشه یه رنگ سفید که واسه همین همین رنگ باشه
    انجمن تخصصی طراحی و آموزش فتوشاپ

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

    ورژن ویبولتین
    4.2
    نوشته ها
    112
    میزان امتیاز
    15

    پیش فرض

    چطوری میشه تمام عنوانای کاربری روسفید نشون بده
    ینی کاری به گروه کاربری و رنگش نداشته باشه و نام کاربری در امضا حتما سفید باشه !
    من این کد
    کد:
    <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>
    روهم به جای کدی که توی postbit_legacyبود قراردادم ولی هیچ تغییری نکرده !؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    112
    میزان امتیاز
    15

    پیش فرض

    up
    کسی نیس جواب بده

  8. Top | #117
    کاربر ویژه

    ورژن ویبولتین
    همه ورژن ها
    نوشته ها
    1,359
    میزان امتیاز
    150

    پیش فرض

    کادر قرمز نباشه؟

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

    ورژن ویبولتین
    4.2
    نوشته ها
    112
    میزان امتیاز
    15

    پیش فرض

    نه کادرقرمزباشه ولی نام کاربری رو مث همون شات که اول گذاشتن سفیدباشه وبنابه نام کاربری تغییرنکنه
    ینی مثلاکاربری که رنگ آبیه رنگ اسمش توی امضاش آبیه یاکاربری که قرمزه رنگ اسمش (بعدامضای ...)قرمزه
    میخوام که همشون سفیدباشن

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

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

    پیش فرض

    آقا برای منم مشکل بقیه دوستان رو داره:


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

    آدرس انجمن: انجمن ویکی آریا|جامع در تمامی زمینه ها

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

    ورژن ویبولتین
    3
    نوشته ها
    534
    میزان امتیاز
    58

    پیش فرض

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


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

    آدرس انجمن: انجمن ویکی آریا|جامع در تمامی زمینه ها

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

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

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

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

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

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