smaeal
![](http://8pic.ir/images/3uqed7o2c777cehdrt9o.png)
ارسالهاAsnwers : | 10648 |
عضویتRegistration date : | 18 /11 /1392 |
حمایت کردهthanks : | 18906 |
حمایت شدهThanked : | 5424 |
|
پاسخAnswer 1 : آموزش کد نویسی - ساخت دکمه
- داداش مصطفی لینک دمو کار نمیکنه... - استایلی که گذاشتی نمایش داده نشده(وقتی کپی میکنید و مستقیماً پیست میکنید اینطوری میشه) من خودم یه دکمه میزارم: این از استایل دکمه (button): کد:
button{ background-color:#f89406; background-repeat:repeat-x; background-image:-khtml-gradient(linear,left top,left bottom,from(#fbb450),to(#f89406)); background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-ms-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbb450),color-stop(100%,#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(top,#fbb450,#f89406); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0); cursor:pointer; font:12px BYekan,tahoma; display:inline-block; margin:2px; padding:2px 10px; text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25); color:#3C0303; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border:1px solid #bbb; box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); } button:hover{ background-position:0px -14px; } این هم خود دکمه: کد:
<button>کدستان،بهترین سایت آموزشی</button> این هم دمو: کد:
<style>button{ background-color:#f89406; background-repeat:repeat-x; background-image:-khtml-gradient(linear,left top,left bottom,from(#fbb450),to(#f89406)); background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-ms-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbb450),color-stop(100%,#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(top,#fbb450,#f89406); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0); cursor:pointer; font:12px B Yekan,BYekan,tahoma,; display:inline-block; margin:2px; padding:2px 10px; text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25); color:#3C0303; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border:1px solid #bbb; box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.05); } button:hover{ background-position:0px -14px; } </style> <button>کدستان،بهترین سایت آموزشی</button>
===================================================
![](http://www.3nafari.ir) ☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼![](http://www.3nafari.ir)
|