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 کروم بعضی از کد ها به نظر میاد که مشکل دارن یا این که اصلا استفاده نمیشن.

با تشکر

0

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


لینک به پست

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


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 کروم بعضی از کد ها به نظر میاد که مشکل دارن یا این که اصلا استفاده نمیشن.

با تشکر

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

3

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


لینک به پست

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

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

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

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

0

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


لینک به پست

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


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

0

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


لینک به پست

ارسال شده در (ویرایش شده)

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


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

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

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

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


لینک به پست

ممنون

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

0

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


لینک به پست

ممنون

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

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

1

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


لینک به پست

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

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

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


لینک به پست

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

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

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط helen94
      سلام دوستان. من دنبال افزونه یا ابزارکی می گردم که باهاش در صفحه اصلی سایتم یه باکسی ایجاد کنم که در اون آخرین پست های سایت رو نشون بده. به این شکل که جدیدترین پست رو به همراه تصویر شاخصش در قسمت بالا به شکل بزرگتر نشون بده و در قسمت زیرش پست های قبل تر رو نشون بده. تصویر افزونه ی موردنظرم رو ضمیمه کردم به این پست.
      قالبی هم که ازش استفاده میکنم قالب استادیار هست.
      من قبلا موارد این چنینی رو در خیلی سایت ها دیدم، اما اسم افزونه یا ابزاری که باهاش این کار رو کردن نمیدونم.
      ممنون میشم راهنماییم کنید.


    • توسط 3pd
      با سلام خدمت دوستان
      ممنون میشم راهنمایی کنید که با چه افزونه ای این امکان وجود داره که بدون ایجاد برگه برای گالری ها ، بتونیم با استفاده از تصویر شاخص چندین گالری رو مثلا در صفحه اصلی سایت نمایش بدیم؟ افزونه ای میخوام باشه که برای گالری ها بشه دسته بندی ایجاد کرد.
      من با استفاده از افزونه ی foogallery، چند گالری ایجاد کردم و طرح شبکه بندی رو هم انجام دادم. با استفاده از ویژوال کامپوزر ردیف ایجاد کردم و از المان شبکه بندی استفاده کردم، در قسمت تنظیمات شبکه بندی نمایش گالری رو انتخاب کردم اما نمیشه انتخاب کرد که کدوم گالری! و صرفا میشه انتخاب کرد که چندتا از جدیدترین ها یا قدیمی ترین ها رو نمایش بده..
    • توسط hamasehyaran
      سلام 
      روزبخیر
      من یه تازه وارد وردپرسی هستم ، حدود 9 ماهه با وردپرس مشغولم .
      کدنویسی هم در حد html و css بلدم. php نمیدونم
      الان هم دارم روی سایت برای انتشارات کتاب کار میکنم.
      یه کاری می خوام انجام بدم که مدت ها درگیرشم.
      میخوام توی صفحه محصولاتم، نویسنده کتاب به صورت لینک شده بیاد و شخص با کلیک کردن روی اون به صفحه نویسنده هدایت بشه.(مثل عکس پیوست)
      چند تا کار انجام دادم ، مثلا با taxonomy ها کار  کردم ولی بلد نبودم ازشون استفاده کنم.
       
      لطفا در این مورد رهنماییم کنید.


    • توسط zoh.ayat
      با عرض سلام خدمت اساتید محترم
      من دنبال افزونه ای هستم که با کلیک روی یک متن یا تصویر پنجره ای مشابه پنجره های popup باز شود و در این صفحه عکس و نوشته هایی را بتوانم قرار دهم.
      آیا کسی میتونه بنده را راهنمایی کند؟
    • توسط mr.meysam
      سلام
      وقت بخیر
      من روی وردپرس از قالب گود نیوز استفاده میکنم ولی امروز متوجه شدم که از هر تصویر حدود 18 تا سایز دیگه هم میسازه 
      چطور میتونم جلوی این کارو بگیرم؟
      حالا چطور میتونم اینا رو حذف کنم؟
      سایز هایی که میسازه اینا هستن
      120*76
       150*150
      180*120
      190*122
      220*140
      265*168
      274*173
      278*202
      284*180
      300*168
      308*192
      373*270
      45*35
      475*342
      567*365
      610*365
      90*60
      95*64
      تشکر