آموزش خاصیت عنصر border-radius در CSS,در این پست برای شما خاصیت عنصر border-radius را شرح میدهم،خاصیت این عنصر این است که با استفاده از آن میتوانید به تصاویر یا باکس های خودتان خصوصیت…

شعار سایت : به سه نفر کمک کنید،و از اون سه نفر هم بخواهید به سه نفر دیگه کمک کنن...

خبر رسان سه نفری
  • تست خوانندگی در سه نفری...(ببینم...)- 1395/04/18
  • هاست با پشتیبانی 24 ساعته...(ببینم...)- 1395/03/25
  • قالب جدید سه نفری رونمایی شد...(ببینم...)- 1395/03/03
☼ آمارکده سه نفری ☼
اطلاعات آماری

با توجه به گزارشات واصله از سرور رزبلاگ،آمار امروز بدین شرح میباشد...:

به طور کل تا این ساعت 1,116 نفر توی سایت حضور به هم رسوندن...

بازدید دیروزمون : 7,697

حالا اگه بخواهیم دقیقتر حساب کنیم به این شکل میشه...:

از این تعداد،4 نفر از گوگل اومدن مهمونی...

ورودی گوگل دیروزمون : 61

و 692 نفر هم با آی پی های متغیر وارد شدن...

آی پی های دیروز : 4684

راستی آمار کاربرامونم داریم...میگی نه ببین...:

کلاً 869 نفر تو سایت عضون...

بله ما یه ایطور چیزایی تو خودمون داریم...

کلاً توی سه نفری 182 تا پست ارسال شده،مفیدناااا...

از خدا که پنهون نیست،از شما چه پنهون...

همین الآن که شما اینجایی،13 نفر دیگه هم آنلاینن...

مثل خودم اهل آماریااا...خخخخ

بیا اینم بقیه آمار...:

کلاً تا به امروز 6,791,651 نفر از سایت مستفیذ شدن...

این ماه هم تا الآن 172,613 نفر بازدید داشتیم...

خدا رو شکر راضی هم هستیم...

بازم امری بود در خدمتت هستم...54.198.54.140

سلام به همگی...

اسم این سایتی که توش هستید سه نفریه...

این سایت بیشتر در زمینه آموزش و ساخت کدهای کاربردی فعالیت داره...

اما برای تفریح هم وقت داریم...:)

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

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

هر مشکلی هم بود بگید تا حلش کنیم...

اگه کد خاصی هم خواستید توی انجمن تاپیک بزنید و درخواست بدید...

دیگه زیاد حرف نمیزنم،فعلاً سایت رو بررسی کنید و لذت ببرید...

تفاضل آمار بازدید دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
تفاضل آمار گوگل دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
تفاضل آمار آی پی دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
☼ مطلب کده سه نفری ☼
پست های سایت
تبلیغات
Advertising Advertising Advertising
تبلیغات خود را به ما بسپارید...
☼ مهمان سرای سه نفری ☼
اعضای آنلاین
    مدیران و نویسندگان
    172 پست 104 پست 4 پست 7 پست 2 پست 0 پست 0 پست 0 پست 2 پست 5 پست 0 پست 0 پست 0 پست 0 پست 1 پست 0 پست 0 پست 0 پست 2 پست 2 پست 0 پست

    با سلام خدمت شما سروران گرامی...

    در این بخش از سایت،اسامی و سمت مدیران و نویسندگان سایت قرار گرفته...

    شما میتونید با کلیک بر روی نام هر مقامدار،از وضعیت کلی فعالیتش با خبر بشید...

    یه نکته،هر کس این توانایی رو در خودش میبینه که میتونه نویسنده سایت بشه،با ما در میون بزاره...

    امیدوارم از فعالیت و حضور توی سایت لذت ببرید...

    ☼ پست کده ی سه نفری ☼
    برای این پست 0 لایک ثبت شده است
    به اشتراک بزار...:
    آموزش خاصیت عنصر border-radius در CSS

    آموزش خاصیت عنصر border-radius در CSS

    نویسنده پست : admin
    تاریخ ارسال پست : جمعه 08 فروردين 1393
    ساعت ارسال پست : 14:21
    زیر موضوع : آموزش کدنویسی ,
    بازدید : 1029 بار
    نظرات این پست : نظر

    در این پست برای شما خاصیت عنصر border-radius را شرح میدهم،خاصیت این عنصر این است که با استفاده از آن میتوانید به تصاویر یا باکس های خودتان خصوصیت گرد شدن گوشه ها رو بدین،که باعث زیباتر شدن سایت و تصاویرتان میشود،مثل تصویر زیر که تماماً از css ساخته شده (با css نوشته شده) و از هیچگونه تصویری استفاده نشده،که این کار باعث لود سریع تر سایت شما میشود،البته این خاصیت در مرورگر Internet Explorer پاینتر از ورژن 8 نشان داده نمیشود...برای یادگیری استفاده از این خاصیت با ما همراه باشید...



    برای اینکه این خصوصیت را اعمال کنید باید یه class یا id داشته باشید و یا یه تگ style درست کنید و این عنصر را در آن قرار دهید،به صورت زیر:

    <style>

    </style>

    و بعد از آن کدنویسی را شروع کنید که ما برای این کار از یه id استفاده میکنیم،به شکل زیر:

    <style>

    #borderradius{background:# aad400; border:1px solid #666; border-radius:15px; width:150px; height:150px;}

    </style>

    برای اینکه این کد در دیگر مرورگرها نیز نمایش داده شوند به صورت زیر عمل میکنیم (برای استفاده از کدهای زیر هرکدام از آنها را بعد border-radius:15px;  در کد بالا قرار میدیم به شکلی که در پایان قرار دادیم):

    برای مرورگر موزیلا (فایرفاکس) :   ;-moz-border-radius:15px

    برای مرورگر گوگل کروم :  webkit-border-radius:15px; -

    برای مرورگر اُپرا : o-border-radius:15px;  -

    برای مرورگر اینترنت اکسپلورر :   ;-ms-border-radius:15px

    در کل کد بالا با تمام متعلقاتش به شکل زیر در می آید:

    <style>

    #borderradius{background:#aad400; border:1px solid #666; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; width:150px; height:150px;}

    </style>

    و در پایان باید این id ایجاد شده را فراخوانی کنیم که به صورت زیر این کار را انجام میدهیم:

    <div id="borderradius"></div>

    در ضمن کد border-radius به صورت چهار قسمتی نیز کار میکند،یعنی اگر شما بخواهید فقط یکی از گوشه یا 2 و یا 3 تا از گوشه ها گرد شود میتوانید این کار را به راحتی انجام دهید،کد کلی به صورت زیر خواهد شد:

    border-radius:گوشه پایین سمت چپ*گوشه پایین سمت راست*گوشه بالا سمت راست*گوشه بالا سمت چپ;

    (علامت * یعنی فاصله بگذارید،به شکل زیر)

    border-radius:5px 5px 5px 5px;

    در صورتی که سوالی در این باره داشتید در قسمت نظرات عنوان نمایید.


    ارسال نظر
    محمد
    پیام محمد در تاریخ 1393/1/22 و ساعت 22:31 به شرح زیر می باشد
    سلام. نه زیاد بلد نیستم.
    اما اگه میشه توی انجمن قید کنید.
    پاسخ : انشاء الله به زودی قرار میدم...
    محمد
    پیام محمد در تاریخ 1393/1/21 و ساعت 20:28 به شرح زیر می باشد
    عالی شد ... فدایییییییییییییییییییی داری داداش!
    من هر کاری که از دستم بر بیاد براتون انجام میدم.فقط بگین .
    واقعا ممنونم.
    اگه بخوام میتونید بگین که باید چه طوری منوی کشویی رو درست کنم؟
    پاسخ : خواهش میکنم داداش گلم،این کاری بود که از دستم بر میومد،اگه بازم بتونم به دوستان خدمت میکنم...
    در مورد منوهای کشویی باید بگم که از خاصیت hover در css استفاده کردم،اگه کد نویسی بلد باشید منظورمو می فهمید،ولی اگه نفهمیدید،یه روز تو انجمن به طور کامل توضیح میدم...
    مهیار
    پیام مهیار در تاریخ 1393/1/21 و ساعت 15:24 به شرح زیر می باشد
    سلام آقااسماعیل گل ،
    به آدرس زیر سری بزن لینکش کن لینک شدی !
    http://khereshk.rozblog.com
    راستی قالب سایتو چیکار کردی ممنون میشم یه تغغیر تو قالب سافت 98 ایجاد کنی تا زیاد شبیهش نباشه
    ممنون!
    پاسخ : به روی چشم...
    محمد
    پیام محمد در تاریخ 1393/1/19 و ساعت 18:29 به شرح زیر می باشد
    سلام.
    متن:
    خنده بازار-مسافران آفتاب
    لطفا متن بالای را بالای متن زیر قرار بدین:
    بهترین سایت گردشگری و کاربردی خاورمیانه
    اگه امکانش هست!
    یعنی در قالب یه لوگو میشه دیگه نه؟
    ضمنا میتونید قالب انجمن رو تغیرش بدین.
    راستی فیو آیکون سایتم حذف شد !
    میتونید برش گردونید؟

    پاسخ : دوست عزیز درز اولین فرصت این لوگو روی سایت شما قرار میگیرد...
    محمد
    پیام محمد در تاریخ 1393/1/18 و ساعت 22:54 به شرح زیر می باشد
    اگه امکان داره یه لوگو برای سایتم درست کن که این متنش باشه :
    >
    آخه خودم هر کاری میکنم نمیشه .خراب میشه.
    محمد
    پیام محمد در تاریخ 1393/1/17 و ساعت 18:44 به شرح زیر می باشد
    خیلی ممنونم .
    خیلی وبم قشنگ شده .
    ممنونم.
    ممنونم.
    پاسخ : خواهش میکنم،همین که تونستم یه کار مفید انجام بدم خدا رو شکر میکنم....
    محمد
    پیام محمد در تاریخ 1393/1/14 و ساعت 18:49 به شرح زیر می باشد
    ممنون میشم اگه تلاشتون رو بکنین.
    راستی قالب سایتتون رو قرار بود بدین؟ چی شد؟
    پاسخ : دوست گرامی به سایتتون برین میتونید قالب رو دانلود کنید،تو قسمت نظرات آدرسش رو قرار دادم...
    محمد
    پیام محمد در تاریخ 1393/1/11 و ساعت 15:23 به شرح زیر می باشد
    سلام فقط یه چیزه دیگه:
    شما میتونید برای من یه کدی درست کنید تا به وسیله اون بتونم یک کنترل پنل جذاب تر برای کاربران سایتم درست کنم.من کاربر سایت رزبلاگم.واین کد کنترل پنل رو برای قالب رزبلاگ میخوام.
    پاسخ : دوست عزیز اگه دقیق منظورتون رو متوجه شده باشم،شما میخواین یه پنل جدید رو جایگزین پنل رزبلاگ کنین...
    تا حالا این کارو نکردم ولی چون شما گفتین ببینم میتونم یکی درست کنم،فعلا ایده جالبی به ذهنم نرسیده....

    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتی

    ☼ تبادل کده سه نفری ☼
    تبلیغات کانالی

    ارسال اطلاعات کانال جهت تبلیغ
    ارسال پست

    من به عنوان مدیر سه نفری یه چیزی اومد تو ذهنم...

    اونم اینکه هر کسی توی ذهنش یا گوشه کامپیوترش،یه سری کد و بازی و در کل مطلب داره...

    خب حیفه این استعدادها از بین برن،شاید حتی کوچکترین کد شما که به نظرتون به درد نخوره...

    به درد یکی بخوره و بتونه ازش استفاده کنه...

    پس اگه از اون دست آدمایید که همیشه یه چیز برای بقیه دارید تا رو کنید...

    میتونید مطالب خودتون رو برای ما بفرستید تا بعد از تایید شدن در اختیار بقیه قرار بگیرن...

    همین حالا امتحان کنید،فرستادن از شما،تایید از ما...

    نمایش فرم ارسال فقط برای اعضای سایت امکان پذیر است...!!