PDA

View Full Version : ظاهر صفحه ی login



razeghaik1
شنبه 05 مهر 1393, 18:36 عصر
دوستان به صفحه ای که عکسشو گذاشتم توجه کنید:
توی این عکس که فکر کنم با css طراحی شده پس زمینه سایت دارای چند رنگ مختلف هست که البته width و height آن هم کل صفحه رو گرفته
چجوری از 3 مدل رنگ از بالا تا پایین استفاده کردن؟!
با تشکر

123951

ahmad.t1100
شنبه 05 مهر 1393, 19:21 عصر
سلام دوست من شما برای این کار باید از گرادینت ها استفاده کنی
برای نمونه کد زیر رو بزار توی css و خروجی رو مشاهده کن
موفق باشی
background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */

ahmad.t1100
شنبه 05 مهر 1393, 19:22 عصر
در ضمن از سایت زیر برای ساخت بکگراندهای سفارشی می تونی استفاده کنی و البته تلاش کنی که یه سفارشیشو واسه خودت بسازی
http://www.colorzilla.com/gradient-editor/