PDA

View Full Version : سوال: تکست باکس سفارشی ؟



vb8334
پنج شنبه 26 مرداد 1391, 04:32 صبح
با سلام به تمامی دوستان

دوستان من یه تکست باکس با فتوشاپ طراحی کردم که رنگش مشکی و گوشه های گرد داره
چطور می تونم توی وب ازش استفاده کنم یعنی بشه متن وارد کرد توش و....

مرسی

khanlo.javid
پنج شنبه 26 مرداد 1391, 11:37 صبح
باید از استایل های css برای اینکار استفاده کنید ، میتونید یه سرچ هم بزنید و از تکست باکس های آماده که طراحی شدن استفاده کنید.

vb8334
پنج شنبه 26 مرداد 1391, 16:48 عصر
ممنون که پاسخ دادید

اما من برای وب سایتی که طراحی کردم از ایت تکس باکس استفاده می کنم نمی تونم از تکست باکس دیگه ای اسفاده کنم
خوب همه برای درست کردن سایتشون از فتوشاپ کمک میگیرن حالا کسی نیست اینجا با همچین چیزی برخورد کرده باشه

مرسی

khanlo.javid
پنج شنبه 26 مرداد 1391, 18:28 عصر
تکست باکسی که تو فتوشاپ ساختی رو تبدیل به عکس کن و بعد تو صفحت یه تکست باکس بنداز و تو خاصیت استایلش از background-image استفاده کن احتمالا به نتیجه ای که میخوای میرسی.

vb8334
جمعه 27 مرداد 1391, 00:25 صبح
این کار رو انجام دادم ولی جالب نشد

کد:

.textBox
{
background-image:url("../images/btnsearch.png");
background-repeat:no-repeat;
border:1px solid #d1c7ac;
width: 100px;
padding:3px;
margin-right:3px;
margin-bottom:3px;
font-family:tahoma, arial, sans-serif;
color: white;
}

Saber Mogaddas
شنبه 28 مرداد 1391, 12:02 عصر
سلام
دوست عزیز به این تاپیک سر بزنید :
طراحی یک وب سایت ساده با css , html (http://barnamenevis.org/showthread.php?350524-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-CSS-HTML)
تو انتهای پست دوم همین کار که مد نظرتون هست رو انجام دادم می تونید از این آموزش کمک بگیرید..
به این صورته که از دیو های تو در تو استفاده شده و در نهایت پس زمینه دیو هارو قرار میدی و به class تگ textbox استایل های زیر رو میدید :

background: none repeat scroll 0 0 transparent; border: medium none;
color: #909090;
direction: rtl;
font-family: tahoma;
height: 27px;
width: 160px;

تو همونجا فایل demo رو نیز با سورسش قرار دادم که با کمی بررسی متوجه خواهید شد..
اگه مشکلی تو پیاده سازی پیش اومد بپرسید..

موفق باشید..