Extension Description: A combination of my Header banner, Moon Phases and Sun Spots extension that overlay the banner with either or both of the Sun and Moon image. The sun/moon images are shown on all screen sizes although reduced in size at screens of 900px and 600px. Clicking on the sun or moon takes you to their respective sites.

You can hide the existing header background colour, radius the corners of the banner, as well as set its maximum size. The search (if enabled) can be placed on the header (top left/top right/bottom left/bottom right) moved to the NavBar or hidden.

You can have a separate banner for mobile devices (<700px) if you wish

The banner is linked to the url that the site_logo is linked to

Notes:

NOTE If you are upgrading from my Moon Banner extension, please Disable and Delete its data and files before installing Cosmos banner.

If you host the image on your own server, place it in the images directory in the form root. To ensure it will appear on all pages, please still enter the full URL eg http://mysite.com/images/banner.jpg

This extension is best viewed in Firefox and Chrome. When viewed in IE or Edge (and some other browsers) there is a black box surrounding the SunSpot image. This is purely cosmetic and has no effect on the SunSpot image it self.

Looks interesting, and I may install this since my board has a space theme. Go to my profile to see my site and you'll see.

Note, I use Pale Moon as my browser and it too shows a black box around the sun. So as well as IE, and Edge, Pale Moon renders the sun that way as well. In Firefox it's fine. I may ask at the Pale Moon forum why it does that and see if it can be fixed.

Question: The URL of http://www.calendrier-lunaire.net/ is only HTTP. I see your site still renders in HTTPS without a mixed content warning, but I don't see a HTTPS version of that URL. Will that be an issue? Are you using something that fixes that or is there something else going on in the background of this extension where the HTTP link is not a factor for a mixed content warning?

Note, I use Pale Moon as my browser and it too shows a black box around the sun. So as well as IE, and Edge, Pale Moon renders the sun that way as well. In Firefox it's fine. I may ask at the Pale Moon forum why it does that and see if it can be fixed.

Look in sunspot.css to see how I hide the square background of the sunspot image. Internet Expolder and Edge ignore this code though which is why it shows in those browsers. Pale Moon must share the same codebase.

Question: The URL of http://www.calendrier-lunaire.net/ is only HTTP. I see your site still renders in HTTPS without a mixed content warning, but I don't see a HTTPS version of that URL. Will that be an issue? Are you using something that fixes that or is there something else going on in the background of this extension where the HTTP link is not a factor for a mixed content warning?

I proxify the moon image via https://images.weserv.nl/ look in moonphase.js for that. I use js files to add a timestamp to each image so they are cached for 1 hour(sun) and one day (moon) respectively.

Well how be damned. I never knew such an image proxy existed. Neat you found that and you are able to deliver the image over HTTPS.

I don't know code, so looking at the css wouldn't give me any information. But from what you said, it sounds like Pale Moon does ignore that so the black shows around the image. I haven't inquired on this at the Pale Moon site yet. But I have a felling it will be something that's not fixed. Or perhaps it's all part of how the browser works and the Dev won't bother to fix it.