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

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

مقاله: گرد کردن گوشه ها در فایرفاکس ، کروم ، اینترنت اکسپلورر 6 ، 7 ، 8 ، 9

    1. گرد کردن گوشه ها در فایرفاکس ، کروم ، اینترنت اکسپلورر 6 ، 7 ، 8 ، 9 »

      گرد کردن گوشه ها در فایرفاکس ، کروم ، اینترنت اکسپلورر 6 ، 7 ، 8 ، 9

      نگارش: , by (مدیریت کل سایت)
      2011/09/28 04:53 PM
      امتیاز: 

      درود.

      این مقاله برای کاربران حرفه ای ( مسلط به سی اس اس و HTML ) می باشد .

      در این مقاله گرد کردن گوشه ها در تمامی مرورگر های مطرح آموزش داده میشود بطوری که شما فقط باید المنت هایی که معرفی میشوند را در کلس مورد نظر بگنجانید .

      اول از همه گرد کردن گوشه ها در فایر فاکس :

      کد:
      	-moz-border-radius: 10px;
      بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

      گرد کردن گوشه ها در سافاری و کروم :

      کد:
      	-webkit-border-radius: 10px;
      بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

      گرد کردن گوشه ها در مرورگر اینترنت اکسپلورر 9 :

      کد:
      	border-radius: 10px;
      بجای 10 پیکسل میتوانید پیکسل کمتر یا بیشتر انتخاب کنید .

      گرد کردن گوشه ها در اینترنت اکسپلورر 6 7 و 8 نیاز به اکستنشن HTC دارد . به همین منظور ابتدا از لینک زیر HTC Border radius را دانلود کنید و در روت سایت خود ( public_html ) قرار دهید .

      http://www.vbiran.ir/border-radius.htc

      مثل وی بی ایران که در روت قرار داده است .

      حالا به سی اس اس های خود المنت زیر را اضافه کنید :

      کد:
      behavior: url(border-radius.htc);
      حالا سایت را با اینترنت اکلپلورر باز کنید و میبینید که پس از مکس کوتاهی گوشه های کلس دیو ، پی ، اسپن و .. مورد نظر شما که به آن ها نسبت داده اید گرد میشوند .

      از لینک زیر هم میتوانید اچ تی سی رو دریافت کنید ( جز آی پی ایران ) :

      http://code.google.com/p/curved-corn...der-radius.htc

      موفق باشید .

      منبع : وی بی ایران
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4.1.11
    نوشته ها
    1,541
    میزان امتیاز
    195

    پیش فرض

    فک کنم قبلا دیدم ولی یه نمونه بذار
    از همه اگر استفاده کنیم توی یه کلاس که مشکلی پیش نمیاد؟

  2. Top | #3
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,667
    میزان امتیاز
    3114

    پیش فرض

    نه اتفاقاً باید از همه استفاده کنید . htc رو کمتر کسی فکر میکنم میدونست .

    مثلاً :

    کد:
    .vbiran {	background: #626262;
    	background: -webkit-gradient(linear, left top, left bottom, from(#C8EAF7), to(#6FD1EE));
    	background: -moz-linear-gradient(top,  #C8EAF7,  #6FD1EE);
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	behavior: url(border-radius.htc);
    	box-shadow:#b2b2b2 0 0 7px;
    	-moz-box-shadow:#b2b2b2 0 0 7px;
    	-webkit-box-shadow:#b2b2b2 0 0 7px;
    }

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

    ورژن ویبولتین
    4.x
    نوشته ها
    3,437
    میزان امتیاز
    446

    پیش فرض

    علی ، من تو هیچ کلاسی از :

    کد:
    behavior: url(border-radius.htc);
    استفاده نکردم ،

    چون ، تو فراخوانی صفحات forum.php ، blog.php و .... ، دیدم یک if برای IE گذاشته که مثلا و وقتی مرورگر IE باشه ، به جای editor.css از رو editor-ie.css لود بشه ،

    فک میکنم ، css های ie رو جدا کرده ،

    حالا اگه بیایم و کلاس های اصلی رو بصورت استاندارد درست کنیم ، آیا میتونیم کلاس هایی که بصورت test-ie.css هستن رو کلا حذف کنیم ؟!

  4. Top | #5
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,667
    میزان امتیاز
    3114

    پیش فرض

    نه امیدجان چون اینترنت اکسپلورر و بعضی مواقع اوپرا به غیر از مشکل عدم ساپورت از Radius مشکل درست نمایش ندادن رو هم دارند . بخاطر همین باید direction , padding , margin های اضافی برای اون ها نوشت .

    الان هم اگه سورس وی بی ایران رو ببینید من کل css ها رو combine کردم ولی اینترنت اکسپلورر رو دست نزدم .

  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    4.x
    نوشته ها
    3,437
    میزان امتیاز
    446

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    نه امیدجان چون اینترنت اکسپلورر و بعضی مواقع اوپرا به غیر از مشکل عدم ساپورت از Radius مشکل درست نمایش ندادن رو هم دارند . بخاطر همین باید direction , padding , margin های اضافی برای اون ها نوشت .

    الان هم اگه سورس وی بی ایران رو ببینید من کل css ها رو combine کردم ولی اینترنت اکسپلورر رو دست نزدم .
    درسته دیدم ،

    اما علی این combine تو قسمت وبلاگ و هک امتیاز دهی مشکل ایجاد میکنه ، مثلا فاصله ی ایجاد شده تو این قسمت رو ببین : وبلاگ ها

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

    ورژن ویبولتین
    3
    نوشته ها
    6
    میزان امتیاز
    0

    پیش فرض

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

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. مشکل : ایمیل های ارسالی به اسپم میروند
    توسط dverbame در انجمن پرسش و پاسخ
    پاسخ: 6
    آخرين نوشته: 2012/05/21, 03:37 AM
  2. مشکل با آخرین ارسالها در اینترنت اکسپلورر
    توسط actioncut در انجمن پرسش و پاسخ
    پاسخ: 13
    آخرين نوشته: 2012/03/16, 12:12 AM
  3. مشکل در اسپمرها در انجمن
    توسط GoyaFilter در انجمن پرسش و پاسخ
    پاسخ: 12
    آخرين نوشته: 2011/09/12, 07:33 AM
  4. مشکل اسپمرها - جون بچه کوچیکت که خوابه کمک کن
    توسط loverha در انجمن پرسش و پاسخ
    پاسخ: 11
    آخرين نوشته: 2011/05/07, 03:58 PM
  5. من و اینترنت اکسپلورر!!!
    توسط Farshid در انجمن پرسش و پاسخ
    پاسخ: 9
    آخرين نوشته: 2011/04/29, 06:04 PM

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

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

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

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

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