کانال تلگرام
کدنمایش تبلیغات به صورت ثابت کنار صفحه

سلام و درود به شما. امروز در این پست برای شما کدی آماده کردیم که بنرهای تبلیغاتی را در کنار صفحه به صورت ثابت به نمایش می‌گذارد.

کدی که آماده کردیم برای هر چهار طرف صفحه نوشته شده و قابلیت بسته شدن توسط کاربر را نیز دارد.

برای دریافت کد به ادامه مطلب بروید.خب، ابتدا کد زیر را بعد از تگ <head> در قالب خود قرار دهید.

 

<style>
#ingoonehads{position:fixed;background:#2f2f2f;color:#fff;font-family:tahoma;font-size:0px}
#ingoonehads span{display:block;width:120px;text-align:center;direction:ltr;padding:2px 0;font-size:11px;cursor:pointer}
.adss-left-top{left:0;top:0}.adss-left-bottom{left:0;bottom:0}.adss-right-top{right:0;top:0}.adss-right-bottom{right:0;bottom:0}
</style>

 

سپس کد زیر را بعد از تگ <body> در قالب خود قرار دهید.

 

<div id=”ingoonehads” class=”adss-left-top”>
<span onclick=”ingoonehads.style.display=’none'”>[x] Close</span>
<a href=”webURL” target=”_blank”>
<img src=”imageURL” alt=”تبلیغات” width=”120″ height=”240″/>
</a>
</div>

 

* شما از این کد در وبسایت وردپرسی خود هم می‌توانید استفاده کنید. برای استفاده در وردپرس به قسمت ویرایشگر برید و گزینه ی سربرگ پوسته را انتخاب کنید. سپس کد ها را در مکان های که گفته شد قرار دهید.

 

کد بالا به صورت پیش فرض بنر تبلیغاتی شما را در قسمت بالای سمت چپ صفحه قرار می‌دهد.

برای تغییر دادن موقعیت نمایش کافیه که عبارت adss-left-top رو به یکی از عبارت های زیر تغییر دهید.

 

1 – adss-left-top : موقعیت بنر را در سمت چپ صفحه قسمت بالا قرار می‌دهد.

2 – adss-left-bottom : موقعیت بنر را در سمت چپ صفحه قسمت پایین قرار می‌دهد.

3 – adss-right-top : موقعیت بنر را در سمت راست صفحه قسمت بالا قرار می‌دهد.

4 – adss-right-bottom : موقعیت بنر را در سمت راست صفحه قسمت پایین قرار می‌دهد.

 

به این صورت :

 

<div id=”ingoonehads” class=”adss-right-bottom”>
. . .

 

پس از تغییر دادن موقعیت بنر لازم است که لینک بنر خود را در کد قرار دهید.

برای اینکار باید لینک مستقیم بنر خود را بجای عبارت imageURL قرار دهید و لینک سایت مورد نظر را بجای عبارت webURL قرار دهید.

 

اگر که مشکلی داشتید در رابطه با کد بالا در قسمت نظرات مطرح کنید.

نوشته شده در : شنبه 11 نوامبر 2017
  • نوشته ها : 8
    برنامه نویس و توسعه دهنده وب
    باسلام و درود فراوان به شما عزیزان. ابوالفضل مهرورز هستم مدیر و نویسنده سایت اینگونه. تخصصم در زمینه برنامه نویسی و توسعه ی وب هست کمی هم در زمینه گرافیک و طراحی مهارت دارم. از سال 1394 شروع به یاد گیری برنامه نویسی و طراحی کردم.
    آخرین نوشته های Abolfazl Mehrvarz
    برای با خبر شدن از جدیدترین ارسالی های سایت در کانال تلگرام ما عضو شوید.JOIN CHANNEL
    ارسال دیدگاه
    You can use the HTML tags.

    No comment.