رفتن به مطلب

آموزش گذاشتن یک تصویر / نوشته به صورت ثابت در سایت


plus

پست های پیشنهاد شده

سلام امروز با یه آموزش ساده و جالب در خدمت شما هستیم.

حتما شما دیدید که خیلی از سایت ها منوهاشون رو همراه سایت به پایین میارن و جابجا می کنن. یا توی سایت ها عکس های کنار سایت هم همراه سایت جابجا میشن.

مثلا شبیه تبلیغات سیستم های وبلاگ دهی...

 

برای این کار کافیه برای تگ مورد نظر یک استایل باز کنیم.

ما در اینجا چند تا مثال میزنیم روی چند تا تگ میزنیم. (همشون مثل هم هستن)

 

1. ثابت نگه داشتن تصویر :

a) ابتدا عکسی که در قالب ما است رو پیدا می کنیم. مثلا :


<img alt="" src="http://site.com/logo.png" />

 

 

 

 

** اگر از هم خودمون بخوایم عکس اضافه کنیم . در یه آپلود سنتر خوب آپلود می کنیم بعدش بجای آدرس عکس بالا قرار میدیم. و سپس در تگ <body> آن را قرار می دهیم.

خب حالا مهمترین کار که تصویر ثابت بمونه :

b) برای تگ img یک استایل باز می کنیم و خاصیت position بر روی fixed تنظیم می کنیم. کد آن به صورت زیر می شود.

 

style="position:fixed"

 

c) در آخر تگ img ما بصورت زیر می شود.

 

<img style="position:fixed" alt="" src="http://site.com/logo.png" />

 

 

 

2. ثابت نگه داشتن یک نوشته : تگ div

a) ابتدا یک تگ div را در body بنویسید. مثال :

 

<div>نوشته شما</div>

 

b) سپس یک استایل باز می کنیم . و خاصیت position را بر روی fixed قرار می دهیم. کد ما بصورت زیر می شود:

 

<div style="position:fixed">نوشته شما</div>

 

 

می تونید یک دمو را از اینجا مشاهده کنید :

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...