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

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 4 از 4

موضوع: آموزش گرد کردن گوشه ها در CCS3

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Nov 2011
    ورژن ویبولتین
    6.X.X
    نوشته ها
    607
    مورد پسند
    384 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 22.0.1215.0
    میزان امتیاز
    73

    پیش فرض آموزش گرد کردن گوشه ها در CSS3

    درود
    با یک آموزش دیگر از CSS3 با شما هستیم.
    ابتدا نمونه ای از آموزش ببینید: لینک
    گرد کردن گوشه ها در CSS2 بسیار سخت بود و اصلا شاید کاری نبود که هر کسی انجام بده.به همین دلیل توسعه دهنده گان وب تلاش کردند که این کار در نسخه بعدی بسیار راحت انجام بگیرد.
    به کد ها می پردازیم.
    با استفاده از کد زیر می توان گوشه های تصویر مورد نظرمون به نسبت پیکسل گرد گردد.
    کد PHP:
    border-radius:npx

    در کد بالا منظور از n یک عدد است و همچنین در کد های دیگر در ادامه...
    این کد توسط تمامی مرورگر ها ساپورت میشه اما برای عملکرد بهتر به کد های مخصوص هر مرورگر می پردازیم.
    در IE9 :
    کد PHP:
    -ms-border-radius:npx
    در Firefox :
    کد PHP:
    -moz-border-radius:npx
    در Opera :
    کد PHP:
    -o-border-radius:npx
    در Safari و Chrome :
    کد PHP:
    -webkit-border-radius:npx
    با تشکر.
    ویرایش توسط Mr.Ramin : 2012/08/13 در ساعت 10:47 PM

    3 تشکر توسط:





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

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

    تاریخ عضویت
    May 2010
    ورژن ویبولتین
    4.2
    سن
    22
    نوشته ها
    3,417
    مورد پسند
    8,062 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 8 Chrome 22.0.1229.0
    میزان امتیاز
    523

    پیش فرض

    تائید شد .
    این سایت هم میتونه برای علاقه مندان مفید باشه :
    Border Radius Generator | CSS3 Generator | CSS3Gen

    2 تشکر توسط:



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

    تاریخ عضویت
    Dec 2011
    ورژن ویبولتین
    4.2
    نوشته ها
    783
    مورد پسند
    1,638 بار
    نوشته های وبلاگ
    3
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 14.0.1
    میزان امتیاز
    115

    پیش فرض

    اگر بخواید هر گوشه به صورت یکسان گرد نشه کد رو به صورت زیر بنویسید :
    کد PHP:
    border-radiusnpx npx npx npx 
    از اول به این ترتیب هستش : بالا سمت چپ - بالا سمت راست - پاین سمت راست - پاین سمت چپ
    برای مرورگر های مختلف هم متغیر هایی که در پست اول هست رو اضافه کنید
    به جای n هم اعداد مختلف بزارید

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

    ا م ض ا

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

    تاریخ عضویت
    Nov 2011
    ورژن ویبولتین
    6.X.X
    نوشته ها
    607
    مورد پسند
    384 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 22.0.1215.0
    میزان امتیاز
    73

    پیش فرض

    این سایت هم مخصوص مطلب ذکر شده هست.
    CSS Border Radius Generator

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


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

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

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

موضوعات مشابه

  1. آموزش آپگراید ویبولیتن ورژن 3 به 4 ( اموزش تصویری )
    توسط Reza در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 5
    آخرين نوشته: 2014/11/17, 09:38 PM
  2. پاسخ: 3
    آخرين نوشته: 2012/06/13, 01:51 AM
  3. پاسخ: 0
    آخرين نوشته: 2012/06/01, 12:09 PM
  4. پاسخ: 14
    آخرين نوشته: 2012/01/22, 02:10 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/01/13, 02:11 PM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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