UBB.threads PHP Forum Software Community Forums Resources and Customizing How Do I? top sponsor hero banner

How do I add a banner or adjust the existing to add in a sponsor banner at the top of this website? Roughly the size I've outlined in the screenshot? What (px) dimensions should I specify to the sponsor's agency to create the banner at?

Goto cp-general
html includes tab
default header
Currently the height: 116px
Make it as wide as you want

This? "width: 150px; height: 116px;" Seems small for that space.

it is set to 100 percent width so it will grow or shrink to the screen size to a point
Look at the properties of the logo on the left
it is set to 116 h x 150 w but it is placed in a table that is set to 116 high but set to 100 percent wide
so pick a size you want.

you can use the plane logo as a visual guide on how wide you want it
Your supporters images are set to 300px max width

Got it - thanks Ruben

try testing with html editor like kompozer it is free

Rubin - I still think this isn't wide enough - are those dimensions just for the square-ish drawing of an airplane? What I need now is a full width hero banner. Like attached mockup see attached "avemco"

In the above attached an infographic you can see several standard banner sizes, most advertisers should fit into one or the other.

An issue you may face however, for mobile users, these huge banners are going to stretch the viewport and break mobile capability, be sure you're utilizing the CSS max-width (style="max-width: 100%;") so that your html image additions scale with the browser size.

Under the HTML Includes there are two places for a banner ad:
Default Forum Header is shown before the forum loads
Default Forum Footer is show after the forum loads

You can also add an "Ad Island" which places a Custom Island between your first and second posts by creating a custom island in the control panel and then editing each forum to select this custom island as an Ad Island". I utilize this on A Gardeners Forum but I've modified the code to display in numerous places in a topic (I utilize Google Adsense for mine).

IIRC Hero Images are generally 360 wide and 200 pixels tall for mobile or 1280 wide and up to 720 pixels tall for desktop at a 16:9 aspect ratio image set to a max-width of 100% so it will scale with the screen size; be careful with the file size of these images as they can be fairly large.

Very helpful Gizmo. Thanks.

The "version" I'm looking to deploy from the above is the "large leaderboard 970 x 90." Given, per your comments, that we want to make sure it works on both mobile as well as desktop, setting at 100%, what "compromise" original art image size would you suggest?

Well there are two ways of going about it... You could either use one image and put max-width on it, or you could load an optimized mobile and desktop version and use the UBB.thread mobile code to handle which is displayed with different CSS.

There really isn't a compromise size, you can either have two images (one for desktop, one for mobile) or you can have one for both as you'd need the longer image to look "correct" on desktop.