سلام . حتما توی بعضی سایتها تکس باکسهایی دیدید که رنگ پشت زمینشون به صورت گرادینت هست یا مثل اونچه که برای قسمت "جستجوی گوگل" همین سایت میبینید عکسی قرار داده شده . برای طراحی همچین تکس باکسهایی، در سی اس اس یک کلاس ایجاد کنید .و کدهای زیر رو توش بنویسید :
textBox
{
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
border:1px solid #d1c7ac;
width: 130px;
color:#333333;
padding:3px;
margin-right:4px;
margin-bottom:8px;
font-family:tahoma, arial, sans-serif;
}
خب . مطمئنم همتون متوجه شدید که هیچگونه کد خاصی نداشت . در واقع ضروری ترین قسمت قضیه همون خط اول بود که قراره فایل عکس مارو بخونه . یعنی مثلا این تصویر :
""
حالا یه کنترل "اینپوت" روی فرم گذاشته و در قسمت کد ، کلاس اون رو مساوی با کلاسمون در سی اس اس قرار میدیم .
کد زیر :
<input id="Text1" type="text" class="textBox"/>
نتیجه :
البته این آموزش برای مبتدی هاست و دوستان حرفه ای اگر اشکالی میبینن حتما گوشزد کنن .
پاسخ با نقل قول
