این حالت رنگ و ... رو چطوری میشه ایجاد کرد

[vaheeed]

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

[website.expert]

سلام،
http://www.colorzilla.com/gradient-editor/
برای ایجاد گرادینت
کدهاش تقریباً در تمامی مرورگرها جواب میده.

[vaheeed]

مرسی واقعا قشنگ و کاربردی بود خیییللللییی جالب بود :لبخند: شرمنده من خیلی مبتدی هستم میشه بگید این کدها رو کجا باید قرار بدم ؟ مثلا میخوام پس زمینه یه سلول از جدولم این رنگی بشه
ممنون

[vaheeed]

پیدا کردم چطوری از کدی که داده استفاده کنم فقط واسه ie8 ,ie9 نمیدونم دقیقا باید چیکار کنم که اجرا بشه اخه الان تو گوگل کروم جواب میده ولی تو ie 8 نمیشه ! من این کد رو نوشتم و قرار دادم سلولم از این استایل استفاده کنه :
.style1
{
background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNT c5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZz ZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcG FjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3Rv cC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+Ci AgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3 ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3 JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEi IGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZX JhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */



}

[website.expert]

سلام،
اگه برای css ای در ie مشکل داری میتونید از pie استفاده کنید که کدهای css رو برای ie ترجمه میکنه که این هم لینکشه:
http://css3pie.com/

[vaheeed]

رفتم تو این سایت خیلی هم واسم جالب بود صفحه اولش کاریایی که میشد کرد ولی برای تبدیل کد چیزی ندیدم همون سایت اولی که دادین نوشته بود ie9 ولی مشکل اینه که مثل همون کد رو وارد کردم که گفت filter رو نمیشناسه واسه همین حذفش کردم که الان واسه ie جواب نمیده همین filter رو باید شاید جور خاصی وارد کنم ؟؟!!
الان این خط رو اضافه کردم واسه ie8 درست شد :
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
فقط الان برای ie9 نوشته این کد رو اضافه کنم این نمیشه !:
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
این رو باید کجا وارد کنم؟؟

[website.expert]

توی تگ head وارد کن.