ساخت یک باکس ثابت | نائی وب

امیرحسین نائی | نائی وب

ساخت یک باکس ثابت

ساخت یک باکس ثابت

تو این پست میخوام آموزش ساخت یه باکس ثابت در بالای صفحه رو بدم که با اسکرول صفحه تکون نخوره و ثابت بمونه !
خب، اول یه باکس ساده با تگ div تعریف میکنیم و چند فاصله خطی ایجاد میکنیم تا صفحه قابل اسکرول باشه :

	
<div style="width:200px;height:100px;background:#00ABFF;border:1px solid #C70F12;">
HelloWorld
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
finish !
	

خب حالا برای اینکه باکس ما ثابت بشه باید در قسمت کد های css مقدار position رو fixed قرار بدیم !

	
<div style="width:200px;height:100px;background:#00ABFF;border:1px solid #C70F12;position:fixed;">
HelloWorld
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
finish !
	

تاریح ارسال/ویرایش پست : 5/7/1395

مدیر سایت

امیرحسین نائی | نائی وب

امیرحسین نائی هستم .
متولد سال 1379 ، عاشق برنامه نویسی ، مخصوصا اندروید و وب :)
مشتاق برای یادگیری بیشتر ...
خستگی ناپذیر و بدون توقف !!! (بیشتر ...)

نظرات

نظرات محمد حسین

عالی و خیلی هم عالی

ارسال نظر

account_circle
mail
security
متن نظر :