تبلیغات :
ماهان سرور
آکوستیک ، فوم شانه تخم مرغی ، پنل صداگیر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




صفحه 1 از 2 12 آخرآخر
نمايش نتايج 1 به 10 از 11

نام تاپيک: گرد كردن اطراف جدول با css

  1. #1
    داره خودمونی میشه m p c's Avatar
    تاريخ عضويت
    Oct 2010
    پست ها
    192

    پيش فرض گرد كردن اطراف جدول با css

    دوستان آيا مي شه با css اطراف جدول رو گرد كرد . اگه مي شه چطوري ؟

  2. این کاربر از m p c بخاطر این مطلب مفید تشکر کرده است


  3. #2
    در آغاز فعالیت
    تاريخ عضويت
    Mar 2009
    پست ها
    7

    پيش فرض

    اول یک Div کلاس box ایجاد می کنیم تا همه محتویات رو در اون قرار بدیم. از 4 تگ (مثلا b ) استفاده
    میکنیم و 4 کلاس به اونا اختصاص میدیم:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    حالا در CSS ، به کلاس های r3 ، r2 ، r1 و r4 مقادیر Margin رو به صورت زیر اضافه می کنیم:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    (این مارجین ها (5 و 3 و 2 و 1) گوشه های باکس ما رو به پیکسل به پیکسل کاهش میدن تا گرد به نظر بیاد.)
    همونطور که در کد HTML دیدید ، ما b ها رو در 2 تگ بالا و پایین (Rtop و Rbot ) قرار دادیم تا همون
    Margin ها به صورت معکوس ،گوشه های پایین رو هم گرد کنند.
    حالا کد های زیر رو به CSS اضافه می کنیم:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    (در کد های بالا، حاشیه ها و رنگ زمینه تنظیم می شوند)

    باکس ما آماده است! کد نهایی به این شکل خواهد بود:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

    منبع:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

  4. 3 کاربر از amirreza22 بخاطر این مطلب مفید تشکر کرده اند


  5. #3
    آخر فروم باز Guts's Avatar
    تاريخ عضويت
    Nov 2009
    پست ها
    1,651

    پيش فرض

    از کد زیر میشه تو فایرفاکس و کروم استفاده کرد ولی تو IE جواب نمیده، در کل بهترین کار اینه که گوشه های گرد به صورت عکس دربیاری و 4 طرف لایه قرار بدی.

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    از این سایتم می تونی کمک بگیری:

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

  6. 3 کاربر از Guts بخاطر این مطلب مفید تشکر کرده اند


  7. #4
    داره خودمونی میشه satropat's Avatar
    تاريخ عضويت
    Jul 2007
    پست ها
    26

    پيش فرض

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


    موفق باشید

  8. این کاربر از satropat بخاطر این مطلب مفید تشکر کرده است


  9. #5
    داره خودمونی میشه PersianSharing's Avatar
    تاريخ عضويت
    Apr 2010
    محل سكونت
    تهران
    پست ها
    108

    پيش فرض

    از کد زیر میشه تو فایرفاکس و کروم استفاده کرد ولی تو IE جواب نمیده، در کل بهترین کار اینه که گوشه های گرد به صورت عکس دربیاری و 4 طرف لایه قرار بدی.

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    از این سایتم می تونی کمک بگیری:

    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    از این روش میتونید در IE هم استفاده کنید
    کافیه تو CSS اون قسمتی که کد بالا رو میدید تا گوشه ها رو گرد کنه کد زیر رو پایینش بدی:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    از لینک زیر هم میتونی PIE.htc رو دانلود کنی:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

  10. 2 کاربر از PersianSharing بخاطر این مطلب مفید تشکر کرده اند


  11. #6
    پروفشنال Web Design's Avatar
    تاريخ عضويت
    Oct 2010
    محل سكونت
    Phpstorm
    پست ها
    602

    پيش فرض

    با فایل های htc جز حل این مشکل میتونید خیلی کارهای دیگه که مرورگر های دیگه جواب میدو رو در IE نیز انجام بدید

  12. #7
    داره خودمونی میشه PersianSharing's Avatar
    تاريخ عضويت
    Apr 2010
    محل سكونت
    تهران
    پست ها
    108

    پيش فرض

    با فایل های htc جز حل این مشکل میتونید خیلی کارهای دیگه که مرورگر های دیگه جواب میدو رو در IE نیز انجام بدید
    درسته
    فعلاً این دستورات رو پشتیبانی میکنه:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

  13. 3 کاربر از PersianSharing بخاطر این مطلب مفید تشکر کرده اند


  14. #8
    در آغاز فعالیت
    تاريخ عضويت
    Jul 2013
    پست ها
    1

    پيش فرض مشکل فراخوانی pie.htc در وبلاگ

    درود به دوستان عزیز
    از فایل pie.htc تو سایت استفاده کردم مشکلی نداشت فقط مشکل اینجاست که نمیتونم تو وبلاگ ازش استفاده کنم
    چطور باید این فایل رو فراخوانی کنم
    <head>
    ؟
    </head>
    و تو css چطور آدرس رو وارد کنم
    فرض بر این که من فایل رو اینجا آپلود کرده باشم my30t.ugig.ir/pie.htc
    Last edited by kamyar73; 16-07-2013 at 15:55. دليل: کامل تر کردن پست

  15. #9
    در آغاز فعالیت
    تاريخ عضويت
    Aug 2013
    پست ها
    4

    پيش فرض

    سلام دوستان
    بهترین و سرراست ترین برای این کار استفاده از خاصیت border-radius توی css هستش
    ولی این رو هم بگم که فقط با css3 کار میکنه
    آموزش کاملش رو هم می تونید از سایت من دانلود کنید

  16. #10
    داره خودمونی میشه عروس دریایی's Avatar
    تاريخ عضويت
    Sep 2013
    محل سكونت
    قایقی خواهم ساخت خواهم انداخت به آب قایق سوراخ خواهد شد
    پست ها
    45

    پيش فرض

    اوه اوه اوه شما چرا اینقدر لقمه رو دور می دید بعد غذا می خورید
    برید سوپر استایل های سی اس اس و یاد بگیرید اونجا می تونید حتی لوزی هم درست کنید 5 ضلعی یا هر ضلعی که بخواین

صفحه 1 از 2 12 آخرآخر

Thread Information

Users Browsing this Thread

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

User Tag List

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •