great2012

نحوه استفاده از گرادیانت

9 پست در این موضوع قرار دارد

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


background: #cfe7fa; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #cfe7fa 0%, #cfe7fa 31%, #cfe7fa 49%, #cfe7fa 83%, #6393c1 94%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cfe7fa), color-stop(31%,#cfe7fa), color-stop(49%,#cfe7fa), color-stop(83%,#cfe7fa), color-stop(94%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* IE10+ */
background: radial-gradient(ellipse at center, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

حالا من باید کد رو همین طوری در استایل قرار بدم یا فقط قسمتی که لازمه رو قرار بدم؟

چون با inspect element کروم بعضی از کد ها به نظر میاد که مشکل دارن یا این که اصلا استفاده نمیشن.

با تشکر

به اشتراک گذاری این پست


لینک به پست

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


background: #cfe7fa; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #cfe7fa 0%, #cfe7fa 31%, #cfe7fa 49%, #cfe7fa 83%, #6393c1 94%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cfe7fa), color-stop(31%,#cfe7fa), color-stop(49%,#cfe7fa), color-stop(83%,#cfe7fa), color-stop(94%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* IE10+ */
background: radial-gradient(ellipse at center, #cfe7fa 0%,#cfe7fa 31%,#cfe7fa 49%,#cfe7fa 83%,#6393c1 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

حالا من باید کد رو همین طوری در استایل قرار بدم یا فقط قسمتی که لازمه رو قرار بدم؟

چون با inspect element کروم بعضی از کد ها به نظر میاد که مشکل دارن یا این که اصلا استفاده نمیشن.

با تشکر

اگر می خواهید تا در اکثر مرورگر ها گرادیانت ساخته شده نشان داده شود باید از تمام کد ها استفاده کنید

به اشتراک گذاری این پست


لینک به پست

اگر می خواهید تا در اکثر مرورگر ها گرادیانت ساخته شده نشان داده شود باید از تمام کد ها استفاده کنید

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

ببینید الان که با هم استفاده می کنم برای ie 9 درست نمایش داده نمیشه با این که بنظر میاد کدی برای ie 9 وجود داره.

برای ie لازمه در استایل جدا بزارم؟

به اشتراک گذاری این پست


لینک به پست

همین الان دیدم متل اینکه برای ie باید به هر گرادیانت استایل "gradient" بدم و بعد این کد رو به هدر اضافه کنم چجوری به هر گرادیانت استایل "gradient" رو بدم؟


<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->

به اشتراک گذاری این پست


لینک به پست

همین الان دیدم متل اینکه برای ie باید به هر گرادیانت استایل "gradient" بدم و بعد این کد رو به هدر اضافه کنم چجوری به هر گرادیانت استایل "gradient" رو بدم؟


<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->

زمانی که با این سایت کد گرادیانت را می سازید تیک دو گزینه IE و IE9 Support را هم بزنید تا کد برای اون ها هم نوشته بشه. اینجوری دیگه نیاز نیست که شما برای هر مرورگر یک فایل استایل جدا بسازید. برای مرورگرهایی هم که از گرادیانت پشتیبانی نمی کنند می توانید از عکس استفاده کنید

ویرایش شده در توسط سعید شعبانی

به اشتراک گذاری این پست


لینک به پست

ممنون

فقط جایی وجود داره که css رو به عکس تبدیل کنه؟

lمنظورتون رو نمی فهمم. خوب با اعمال کد های css به المان ها در صفحه وب می توان خروجی آنها را دید.

به اشتراک گذاری این پست


لینک به پست

lمنظورتون رو نمی فهمم. خوب با اعمال کد های css به المان ها در صفحه وب می توان خروجی آنها را دید.

یعنی شما میگید که از صفحه عکس بگیرم و بعد تبدیل به بکگراند کنم؟

به اشتراک گذاری این پست


لینک به پست

یعنی شما میگید که از صفحه عکس بگیرم و بعد تبدیل به بکگراند کنم؟

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط devil1367
      با سلام
      من یک فروشگاه دارم چون قالب قبلیم نیازهامو نمیتونست برطرف کنه یه قالب جدید از یکی از سایتها خریداری کردم
      سوالم اینه با نصب بسته اسان نصب اطلاعاتی یا محصولات قبلی که داشتم حذف میشن ؟
      چطوری قالب رو شبیه دمو دربیارم و صفحات و برگه ها import کنم.
       
      با تشکر
    • توسط armakcell
      با سلام بنده در سایتم میخواستم یک ابزارک قرار بدم مانند ابزارک این سایت
      http://powerturk.ir

      اگر داخل این سایت برید در یک قسمت نوشته است آرشیو فول البوم
      بنده این ابزارک را چگونه به دست بیارم؟
      بنده یک تصویر ضمیمه میکنم در صورتی که در سایت وارد نشد

    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

      میدونم خیلی ساده گفتم ولی اگر امکان داره راهنمایی بفرمایید