سلام برنامه در خدمت شماست با آموزش تصویری ساخت باکس سرچ
آموزش تصویری ساخت باکس سرچ به شما یاد می دهد که یک دکمه جستجو برای سایت خود بسازید
ما در ساخت این دکمه جستجو فقط از html و css استفاده کرده ایم
برای ساخت باکس سرچ کافی است کد زیر را در قسمت body خود قرار دهید
<form action="http://google.com/search" method="get"> <input type="text" name="search" placeholder="search..."> </form>
در کد بالا قسمت action مسیر سرچ مد نظر خود را می توانید قرار دهید
با یک سرچ ساده در گوگل می توانید انواع روش های جستجو را بیابید
سپس برای استایل دهی و مرتب کردن باکس کد های زیر را به css خود اضافه کنید
input[type=text]{
width:130px;
box-sizing:border-box;
border:2px solid #ccc;
border-radius:4px;
font-size:16px;
background-color: #fff;
background-image:url(searchicon.png);
background-position:10px 10px;
background-repeat:no-repeat;
padding:12px 20px 12px 40px;
transition:width 0.4s ease-in-out;
}
input[type=text]:focus {
width:50%;
}همچنین برای مشاهده جزئیات بیشتر شما می توانید آموزش تصویری را از باکس دانلود دریافت کنید
آموزش تصویری به همراه سورس کد آموزش در باکس دانلود در زیر همین پست موجود است