MyBB Community Forums
[How To?] make advertisement banner fit to all screen resolution ? - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] make advertisement banner fit to all screen resolution ? (/thread-206826.html)



make advertisement banner fit to all screen resolution ? - gamemaster - 2016-12-23

Hi, how to make all banner in mybb forum fit to other screen resolution


RE: make advertisement banner fit to all screen resolution ? - Sharree - 2016-12-23

If your using Adsense, they offer responsive banners that work on all screen sizes.


RE: make advertisement banner fit to all screen resolution ? - Lunorian - 2016-12-23

So it looks like the banner is a static image so you'll need to get separate banners to display to mobile users if that's the issue. I wouldn't recommend stretching the image or anything like that. You'll need to talk to your clients who purchased the advertising about it. It doesn't look too bad on my laptop. See: https://u.nya.is/iudsop.png. This isn't something you can do with an image banner. It'd have to be text and specifically written HTML/CSS/JS banner to do the responsive design. I personally don't think it's an issue design wise however talk to your clients for design adjustments on the advertisements and make the edits from there. Please let us know if you have further questions on how to proceed Smile

(2016-12-23, 07:26 PM)Sharree Wrote: If your using Adsense, they offer responsive banners that work on all screen sizes.

He is using MyAdvertisements will static image banners.

[Image: ohoqrs.png]


RE: make advertisement banner fit to all screen resolution ? - Sharree - 2016-12-23

If he's able to, just add inline styling to the <img> tag.

<img src="ad-img-link-here" style="max-width:100%">


RE: make advertisement banner fit to all screen resolution ? - Lunorian - 2016-12-24

(2016-12-23, 08:13 PM)Sharree Wrote: If he's able to, just add inline styling to the <img> tag.

<img src="ad-img-link-here" style="max-width:100%">

Wouldn't the min-width also need to be 100%? So the correct one would be as below? Also you forgot your semicolon :/

<img src="ad-img-link-here" style="max-width: 100%; min-width: 100%;">



RE: make advertisement banner fit to all screen resolution ? - Nasyr - 2016-12-24

As Deatives said using his code will then restrict it to display properly.