/ آموزش کادربندی امضا به سبک استایل محرم
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

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

    1. آموزش کادربندی امضا به سبک استایل محرم

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

      درود

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

      برای اینکار ابتدا به جست و جوی قالب ها رفته و postbit.css را جست و جو کنید .

      سپس کد های زیر رو پیدا کنید :

      کد:
      .signature {
              padding-top: 1em;
          border-top: {vb:stylevar signature_border};
              margin-top: 2em;
      }
      و با کد های زیر جایگزین کنید :

      کد:
      .signature {
      background: rgb(229,229,229); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(195,195,195,1) 46%, rgba(192,192,192,1) 50%, rgba(194,194,194,1) 53%, rgba(211,211,211,1) 76%, rgba(205,205,205,1) 87%, rgba(198,198,198,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(46%,rgba(195,195,195,1)), color-stop(50%,rgba(192,192,192,1)), color-stop(53%,rgba(194,194,194,1)), color-stop(76%,rgba(211,211,211,1)), color-stop(87%,rgba(205,205,205,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
      padding-top: 1em;
      border-top: 1px dashed #676767;
      border-right: 1px dashed #676767;
      border-bottom: 1px dashed #676767;
      margin-top: 2em;
      border-radius: 0px 20px 20px 0px;
      }
      ذخیره کنید و تمام .

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

      کد:
      background: rgb(229,229,229); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(195,195,195,1) 46%, rgba(192,192,192,1) 50%, rgba(194,194,194,1) 53%, rgba(211,211,211,1) 76%, rgba(205,205,205,1) 87%, rgba(198,198,198,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(46%,rgba(195,195,195,1)), color-stop(50%,rgba(192,192,192,1)), color-stop(53%,rgba(194,194,194,1)), color-stop(76%,rgba(211,211,211,1)), color-stop(87%,rgba(205,205,205,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
      به جاش کد زیر رو بنویسید و قسمت قرمز شده رو با کد رنگ مورد نظرتون جایگزین کنید :

      کد:
      background: #ffffff;
      دمو :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      موفق باشید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      7 نفر از اعضا پست WikiVB را پسندیده اند


  1. #2
    sajad آنلاین نیست.
    sajad
    کاربر سايت
    424نوشته367مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    129
    پسندیده است
    147 پست
    بلاگ
    پست
    میزان امتیاز
    377
    www.pat-o-mat.com
    من به یه مشکلی برخوردم عزیز
    عکس پیوست رو ببینید
    12-19-2012 3-44-56 AM.png

    یه طرفش گرد هست اما اونجایی که با فلش اشاره کردم نه


    حتما از اندازه اش هست و عرض قالب من کمه که اینطوری شده
    اما متغییرش تو این کد کدومه که عوض کنم؟
    ممنون میشم جواب بدید

    کاربر زیر پست sajad را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


  2. #3
    AmirHoss3in آنلاین نیست.
    AmirHoss3in
    مدير بازنشسته
    945نوشته1,402مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    90
    پسندیده است
    672 پست
    بلاگ
    2 پست
    میزان امتیاز
    1413
    www.webmasterpro.ir
    من هم که این کد ها رو گذاشتم همینطوری بود فکر کنم حالتش همینطوریه !

    از بین کد هایی که تو postbit.css وارد کردید بخشی رو که با رنگ قرمز مشخص کردم رو ادست کنید

    کد:
    .signature {background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(195,195,195,1) 46%, rgba(192,192,192,1) 50%, rgba(194,194,194,1) 53%, rgba(211,211,211,1) 76%, rgba(205,205,205,1) 87%, rgba(198,198,198,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(46%,rgba(195,195,195,1)), color-stop(50%,rgba(192,192,192,1)), color-stop(53%,rgba(194,194,194,1)), color-stop(76%,rgba(211,211,211,1)), color-stop(87%,rgba(205,205,205,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
    padding-top: 1em;
    border-top: 1px dashed #676767;
    border-right: 1px dashed #676767;
    border-bottom: 1px dashed #676767;
    margin-top: 2em;
    border-radius: 0px 20px 20px 0px;
    }
    و به صورت زیر در بیارید

    کد:
    border-radius: 20px 20px 20px 20px;

    2 نفر از اعضا پست AmirHoss3in را پسندیده اند


    ? should write somethin

  3. #4
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    خیر مدل امضا اینجوریه اکر میخواید سمت چپ هم گرد بشه کمی به راست متمایل بشه کدی که lvlr.AlvlIr گفتن رو به کد زیر تغییر بدید ( البته اونم فرقی نداره اما بنده خلاصش کردم ) :
    کد:
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    دقت داشته باشید کد بالا همون یک خط هست اما برای سازگاری با تمامی مرورگر ها باید پیشوند ها رو بهش اضافه کنید یعنی پنج خط بالا رو جایگزین اون یک خطی که امیر جان گفتن بکنید .
    حالا برای اینکه به سمت راست متمایل شه کد زیر هم به CSS هاش اضافه کنید :
    کد:
    margin-right: 10px;
    پیروز باشید

    2 نفر از اعضا پست WikiVB را پسندیده اند



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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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