مشاوره رایگان طراحی سایت و قالب وردپرس
۰۵۱-۳۸۸۴۶۰۲۷ ۰۹۱۲۰۲۴۸۱۱۲ ۰۹۳۶۷۹۸۸۱۱۲

آموزش css – گرد کردن و سایه دار کردن اجزا در css3

گرد کردن و سایه دار کردن اجزا

با استفاده از CSS3 شما میتوانید گوشه ھای اجزا ( مثل تصاویر و یا کادر ھا ) را گرد کنید و یا به جعبه ھا سایه اضافه کنید و یا حتی از تصویر برای حاشیه ھای استفاده کنید بدون آنکه نیاز به برنامه جانبی دیگری مثل فوتوشاپ داشته باشید .

در این مطلب شما با خواص زیر در سی اس اس آشنا می شوید:

  • border-radius
  • box-shadow
  • border-image

نکته : اینترنت اکسپلورر۹ border-image را پشتیبانی نمی کند.

گرد کردن گوشه ها در CSS3

اضافه کردن گوشه ھای گرد در CSS2 بسیار وقت گیر بود . ما باید برای ھر گوشه از یک تصویر استفاده میکردیم .

در CSS3 ایجاد گوشه ھای گرد آسان است . برای اینکار از ویژگی border-radius استفاده می کنیم.

 div {
border-radius:25px;
-moz-border-radius:25px; /* Firefox /* یا قدیمی تر ۳٫۶
}

 

سایه دار کردن اجزا در CSS3

برای سایه دار کردن اجزا از ویژگی box-shadow استفاده می کنیم.

div {
box-shadow: -10px 10px 7px #A5A5A5;
}

 

حاشیه تصویری در CSS3

در css3 با ویژگی border-image میتوانید از تصویر به عنوان حاشیه استفاده کنید.

div {
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}

css3

اشتراک کذاری در :
سوالات متداول

توس وب تضمین میکند مطابق با مفاد قرارداد رسمی که درابتدا, متناسب با نیاز مشتری تنظیم شده عمل نماید (تحویل به موقع – پشتیبانی پس از تحویل – رعایت استاندارد های جهانی)

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

طراحی اختصاصی توسط تیم حرفه ای و بدون استفاده از قالب های آماده و با رعایت استانداردهای جهانی وب

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

بله – پس از طراحی فایل های آموزشی به صورت متنی یا ویدئویی در اختیار شما قرار می گیرد.

خیر، کارکردن با سایت بسیار آسان است، زیرا پنل تنظیمات و مدیریت سایت کاملاً فارسی بوده و آموزش کامل آن در اختیار مشتری قرار می گیرد.

توس وب از بروزترین تکنولوژی های مورد استفاده در وب از قبیل PHP,HTML5,CSS3,Java Script,Bootstrap استفاده می کند.

بله، قالب هایی که توسط توس وب طراحی می شوند منطبق با آخرین استانداردهای جهانی وب ( استاندارد کنسرسیوم جهانی وب = html css
استاندارد ECMA = استاندارد کدهای جاوا اسکریپت ) می باشد.

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

پاسخ این سوال را می توان در چند جمله اینگونه بیان کرد :

پشتیبانی حرفه ای – طراحی متناسب با سلیقه و نیازهای مشتری – حجم کم کدنویسی پائین و سرعت لود بالا

با توجه به نوع وبسایت و امکانات آن بین ۲۵ تا ۶۰ روز متغیر می باشد.

چرا به توس وب اعتماد کنیم ؟

توس وب یک سایت رسمی می باشد و همچنین دارای گواهی نامه های معتبر ( نماد اعتماد الکترونیک از مرکز توسعه و تجارت الکترونیک , نماد ساماندهی از وزارت ارشاد و درگاه پرداخت ایمن بانک ملت ) می باشد

نظرات برخی مشتریات درباره توس وب