keyvan 87 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 سلاماین کد.meno{background: linear-gradient(to bottom, #FFFFFF 20%, #E5E5E5 100%) repeat transparent; border-bottom: 2px solid #CCCCCC; border-radius: 5px 5px 5px 5px; float: center; margin: 0 0 5px; padding: 1px 6px 1px 5px; width: 175px;color: #931579; font: bold;}در فایرفوکس به این شکل نمایش داده میشهولی در اکسپلورر به این شکلراهی هست که این مشکل نمایش در اکسپلورر رفع بشه؟ نقل قول لینک به ارسال
pary_daryayi 181 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 تا جايي كه من ميدونم border-radius تو IE تنظيم نيست , به خاطر همين , براي ست شدن در تمام مرورگر ها , بعضي ها از عكس به جاي اين استفاده ميكنند . اين طور ديگه دردسرهاي Cross-Browser هم وجود نداره.البته اگر تو css اين مشكل گرد شدن گوشه هاي دايو قابل حل هست , دوستان بفرمايند. 1 نقل قول لینک به ارسال
mehral 785 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 از اینجا استفاده کن و استایل lagacy بساز http://www.colorzilla.com/gradient-editor/ 3 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 بلد نیستم ازش استفاده کنم؛ولی تو یه قسمت کدی رو که گذاشتم بهش دادم و این رو بهم داد// needs latest Compass, add '@import "compass"' to your scssbackground-color: rgb(255,255,255); // Old browsers@include filter-gradient(#ffffff, #e5e5e5, vertical); // IE6-8// IE9 SVG, needs conditional override of 'filter' to 'none'$experimental-support-for-svg: true;@include background-image(linear-gradient(top, rgba(255,255,255,1) 20%,rgba(229,229,229,1) 100%)); نقل قول لینک به ارسال
mehral 785 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 دوست گرامی کار سختی نیست یه جور میگین بلد نسیتم از سمت چپ از preset ببینید کدوم preset به کارتون میاد انتخاب کنید از قسمت پایینش رنگ رو انتخاب کنید و سمت راست کدتون تولید میشه قضیه لقمه جویده نیست که باید حرکتی کنید . 1 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 ممنون از پاسخ شماحالا کد رو استایل قرار بدم؛ چطور فراخوانی بشه؟background: rgb(255,255,255); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 ممنون از پاسخ شماحالا کد رو استایل قرار بدم؛ چطور فراخوانی بشه؟background: rgb(255,255,255); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */اين رو بايد توي سلكتور مورد نظر بزاريد كه سازگاري با همه مرورگر ها رو داره ... 2 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 ببخشید همشهری، درست متوجه نشدم نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 بايد ببيني واسه اون قسمت در html چه سلكتوري در css هستمثلا.yourclass{}يه سلكتوره كه توي html اينطوري ازش استفاده ميشه<div class="yourclass"></div>حالا توي اون سلكتور اين كد رو بايد وارد كني ، همشهري :دي 1 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 الان همین کار رو کردم، اصل کد رو آوردم وارد این بخش کردم<div class="meno"></div>اما نشد نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 تو اون سایت وقتی کد رنگ رو تعیین میکنم و اوون کد رو بهم داد تو یه قسمت دیگهنوشتهswitch to cssو این کد هم توش بود// needs latest Compass, add '@import "compass"' to your scssbackground-color: rgb(255,255,255); // Old browsers@include filter-gradient(#ffffff, #e5e5e5, vertical); // IE6-8// IE9 SVG, needs conditional override of 'filter' to 'none'$experimental-support-for-svg: true;@include background-image(linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)); نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 اون كد رو بايد توي css و توي سلكتور مربوطش وارد كني ، نه در تگ html ... 2 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 درسته الان شد،ولی الان مشكل گرد شدن گوشه هاي دايو داره، یعنی گرد نیست و مربعی شکل هستاندازه هم نداره، یعنی مثل کدی که خودم در پست اول گذاشتم نیست، که طول و عرضش مشخص باشه، میشه این هم رفع بشه؟ نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 مورد اول بايد پيشوند هاي مختلف براي بروزر هاي مختلف اضافه شود مثلا -ms- , -moz- , -webkit- , -o- , ... البته به خاصيت مورد نظر كه اينجا border-radius استبراي مورد دوم شما بايد كدي رو كه براي گراديانت داريد در كنار بقيه خاصيت ها اضافه كنيد 1 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 اگر برات امکان داره؛ یه نمونه از این کد رو برام بذار، چون خودم بلد نیستم نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 اين رو امتحان كنيد.meno {border-bottom: 2px solid #CCCCCC; border-radius: 5px 5px 5px 5px;-ms-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-o-border-radius: 5px 5px 5px 5px; float: center; margin: 0 0 5px; padding: 1px 6px 1px 5px; width: 175px;color: #931579; font: bold;background: rgb(255,255,255); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */;} 3 نقل قول لینک به ارسال
keyvan 87 ارسال شده در بهمن 91 مالک گزارش بازنشر ارسال شده در بهمن 91 خیلی آقائی، الان درسته، بدون مشکل، فقط یه سوال این کدها استانداره؟ نقل قول لینک به ارسال
arman100000 1264 ارسال شده در بهمن 91 گزارش بازنشر ارسال شده در بهمن 91 خیلی آقائی، الان درسته، بدون مشکل، فقط یه سوال این کدها استانداره؟ خواهشاستاندارد تر از اين نميشه :دي 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .