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

موضوع: آموزش گرد کردن گوشه های تصاویر با استفاده [css3]

  1. #1
    The Ph@ntom آنلاین نیست.
    The Ph@ntom
    مدير بازنشسته
    1,982نوشته4,397مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    4
    پسندیده است
    2,480 پست
    بلاگ
    2 پست
    میزان امتیاز
    4344
    vatangraphic.ir

    آموزش گرد کردن گوشه های تصاویر با استفاده [css3]

    سلام دوستان امروز براتون آموزش گرد کردن گوشه های تصاویر با استفاده از زبان برنامه
    نویسی قدرتمنده سی اس اس [CSS3] گذاشته ایم !
    اینکار بسیار ساده میباشد فقط کافیست در دستور های CSS تان دستور border-radius را اضافه کرده و برای مرورگر های مختلف تنظیم کنید .
    ما اینکار را برای سه مرورگر فایرفاکس ، اپرا و کروم که امروزه پر مخاطب ترین مرورگر ها هستند انجام میدهیم .
    ابتدا کلاس مورد نظرمان را اسم گذاری میکنیم ما اسم کلاس را wikivb میگذاریم سپس با دو کروشه محل قرار گیری دستور ها را باز و بسته میکنیم .

    } wikivb.
    {
    سپس در بین کروشه ها روع به تایپ دستور ها میکنیم در دستور های زیر o برای مرورگر های اپرا میباشد ، webkit برای مرورگر های کروم بوده و moz برای فایرفاکس است .
    } wikivb.
    ;border-radius: 5px
    ;o-border-radius: 5px-
    ;webkit-border-radius: 5px-
    ;moz-border-radius: 5px-
    {
    توجه داشته باشید که در بالا کد ها ۵ پیکس داده شده اند و دستور میدهند که چهار گوشه به مقدار مساوی ۵ پیکسل گرد شوند اما ممکن است شما بخواهید ار گوشه به اندازه متفاوتی گرد شود بنابر این به صورت زیر تایپ میکنید :
    } wikivb.
    ;border-radius: 5px 6px 7px 8px
    ;o-border-radius: 5px 6px 7px 8px-
    ;webkit-border-radius: 5px 6px 7px 8px-
    ;moz-border-radius: 5px 6px 7px 8px-
    {
    در کد های بالا چهار مقدار دادیم که هر کدام برای هر گوشه دستوری صادر میکرد و از چپ به راست به ترتیب متعلق به گوشه های بالا سمت چپ ، بالا سمت راست ، پایین سمت راست و پایین سمت چپ بودند .
    به همین راحتی میتوانید با استفاده از CSS گوشه تصاویر را گرد کنید و به سلیقه خود اشکال زیبایی خلق نمایید .
    امیدواریم از این آموزش استفاده لازم را برده باشید .
    منبع : پارس نشان
    کپی برداری با ذکر منبع مجاز است !

    4 نفر از اعضا پست The Ph@ntom را پسندیده اند


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

    Coming Soon ... ! New Style

  2. نوين وردپرس تبلیغات شما

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

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

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

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

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

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