ساخت دکمه های زیبا

[r_s1389@yahoo.com]

سلام از دوستان کسی میدونه چجوری میشه یه دکمه ی مثل این رو درست کرد با کد های جی کوئری یا جاوا
چون میخوام تمام دکمه هام ازش ارث بری کنند
104787

[r_s1389@yahoo.com]

البته میخوام از دکمه های خود vs استفاده کنم بعد با جی کوئری بهش افکت بدم

[Maryam.J]

باید همون دکمه vs رو بذاری بعد بهش css بدی. از این سایت میتونی استفاده کنی:
http://www.cssbuttongenerator.com
یا گوگل کن: button css style

[ali9698]

این کد رو بریز توی یه style و style رو به عنوان cssclass دکمه ها قرار بده

/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#ffffff));
/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #e7e7e7);
/* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #e7e7e7);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #e7e7e7);
box-shadow: 5px 5px 3px silver;

[r_s1389@yahoo.com]

این کد رو بریز توی یه style و style رو به عنوان cssclass دکمه ها قرار بده

/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#ffffff));
/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #e7e7e7);
/* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #e7e7e7);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #e7e7e7);
box-shadow: 5px 5px 3px silver;

مرسی همین کار رو کردم ولی نشد

[r_s1389@yahoo.com]

میذیونید مشکل چیه css3 رو vs2008 من ساپورت نمیکنه و تغییرات اعمال نمیشه

[ali9698]

میذیونید مشکل چیه css3 رو vs2008 من ساپورت نمیکنه و تغییرات اعمال نمیشه
خوب مشکلی نداره. حتی visual studio2010 هم css3 رو ساپورت نمیکنه. شما استفاده کنید موقع اجرا مشکلی نداره و به همون شکل نشون میده و اگه مرورگر قدیمی نباشه به خوبی نشون میده

[r_s1389@yahoo.com]

خطا میگیره دوست من
و تغییرات اعمال نمیشه

[khorsandreza]

باید همون دکمه vs رو بذاری بعد بهش css بدی. از این سایت میتونی استفاده کنی:
http://www.cssbuttongenerator.com
یا گوگل کن: button css style
سلام
سایت جالبی بود ولی من دنبال یک CSS هستم که بتونه در کلیدهای خود VS در کنار متن تصویر قرار بده
مثل شکل زیر
http://etaksan.ir/images/csskey.jpg

[ali9698]

خطا میگیره دوست من
و تغییرات اعمال نمیشه
من به این شکل استفاده می کنم و مشکلی هم پیش نمیاد

<style type="text/css">
.buttons
{
/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa200), to(#ffffff));
/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #ffa200);
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #ffa200);
/* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #ffa200);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #ffa200);
height: 30px;
border: none;
border-radius: 5px 5px 5px 5px;

}
</style>

اینم کد button:

<asp:Button ID="btn1" runat="server"
onclick="btn1_Click"
Text="ثبت "
CssClass="buttons" Width="140px" />

[r_s1389@yahoo.com]

من به این شکل استفاده می کنم و مشکلی هم پیش نمیاد

<style type="text/css">
.buttons
{
/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa200), to(#ffffff));
/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #ffa200);
/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #ffa200);
/* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #ffa200);
/* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #ffa200);
height: 30px;
border: none;
border-radius: 5px 5px 5px 5px;

}
</style>

اینم کد button:

<asp:Button ID="btn1" runat="server"
onclick="btn1_Click"
Text="ثبت "
CssClass="buttons" Width="140px" />

خروجیش اونی که من میخوام نیست

[ali9698]

خوب نسبت به اون عکسی که گذاشتید چی کم داره؟ رنگش رو که خودتون دیگه باید عوض کنید