نمادها

شما اینجا هستید

آموزش تصویری ساخت باکس سرچ

سلام برنامه در خدمت شماست با آموزش تصویری ساخت باکس سرچ

آموزش تصویری ساخت باکس سرچ به شما یاد می دهد که یک دکمه جستجو برای سایت خود بسازید

ما در ساخت این دکمه جستجو فقط از 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%;
}

همچنین برای مشاهده جزئیات بیشتر شما می توانید آموزش تصویری را از باکس دانلود دریافت کنید

آموزش تصویری به همراه سورس کد آموزش در باکس دانلود در زیر همین پست موجود است

اگر این مطلب آموزنده بود به ما امتیاز دهید

میانگین امتیاز / 5. تعداد آرا:

اولین کسی باشید که رای میدهید


این مجموعه فایل rar است که برای باز کردن آن نیاز به نرم افزار Winrar می باشد

دانلود آموزش تصویری ساخت باکس سرچ و سورس کد ها : نوع فایل:rar/video/code حجم فایل:12.37 مگابایت

بعد از اکسترکت (extract) کردن فایل ها آن را با یک پلیر تصویری ببینید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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