ساخت فیلد جستجو

[YOU 34]

با سلام و خسته نباشید

میخوام فیلد جستجو را مانند شکل زیر درست کنم اگه امکان داره راهنمایی کنید ممنون

[isk 4447]

میشه دقیق بفرمایید؟ چون این مثل باکس جستجوی دیفالت وردپرسه

[YOU 34]

میشه دقیق بفرمایید؟ چون این مثل باکس جستجوی دیفالت وردپرسه

یه باکسه که توش عکس ذربین هستش با تایپ تو باکس و کلیک رو عکس سرچ انجام میشه

فقط میخوام اون عکس ذربین داخل باکس باشه شکل ظاهرش مثل همین عکس باشه

[حسین 323]

http://css-tricks.com/webkit-html5-search-inputs

[YOU 34]

http://css-tricks.com/webkit-html5-search-inputs

این فقط مشکلش اینه که برای سرچ باید اینتر بزنی من میخوام بعد از نوشتن کلمه مورد نظر روی ذربین کلیک کنی و سرچ بشه

[Morteza 34190]

روش کار اینه:

یک فرم معمولی با دکمه ایجاد کنید.

بعد برای دکمه از عکس یا بکگراند عکس استفاده کنید.

بعد با matgin منفی دکمه رو روی فیل جستجو بیارید.

کار آسونی هست.

[YOU 34]

روش کار اینه:

یک فرم معمولی با دکمه ایجاد کنید.

بعد برای دکمه از عکس یا بکگراند عکس استفاده کنید.

بعد با matgin منفی دکمه رو روی فیل جستجو بیارید.

کار آسونی هست.

این کار را انجام دادم ولی یه مشکلی پیش میاد من واسه input کلاس تعریف کردم که برای قسمت نظرات ولی تو این هم همون کلاس را نشون میده

چیکار کنم واسه این نیاد اگه این مشکل حل بشه اونم درست میشه ممنون

input, button, textarea, option, select{
font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
padding: 2px;
border: 1px solid #DDDDDD;
  border-radius: 2px;
  color: #666666;
  -moz-transition: all 0.3s linear 0s;
background: #E8E8E8;
margin: 2px;
border-right: 5px solid #ccc;
focus:outline:none,
}

ویرایش شده بهمن 91 توسط YOU

[YOU 34]

کلاس را درست کردم

تکمیل شد

ممنون

#searchform { background:#F8F8F8; width:180px; border:1px solid #D9D9D9; padding:-1px; overflow:hidden; }
#searchform #s { background:none; border:none; color:#777;font-family:'tahoma'; font-style:italic; width:162px;height:16px; float:right; }
#searchform #s:focus { outline:none; }
#search-button{ width:16px; height:16px; float:left; }

ویرایش شده بهمن 91 توسط YOU