Style with Grid-Images-Header

[Forum Member]

Wichtig: Das ist kein Style den man in einem Liveboard installieren kann! Er dient nur zu Demo Zwecken. Er ist nur als Anregung gedacht.

Important: This is not a style that you can install in a liveboard! It is for demo purposes only. It is only meant as a suggestion.

Inspired by this manual, I made another attempt today (all day )
https://webdevtrick.com/css-rhombus-image-grid/

But it definitely does not seem to be possible with the rhombus images. The header would be much too high. Or then the images would not be nicely arranged.
The final problem was the link in the header image. Now with an Font Awesome icon. The only problem: you can't click in the middle of the icon. There must always be something beside it .

Result:

Responsive is the header. But whether the hover images end up on the phone display is a matter for the gods. Even the stars know whether I have now done everything correctly.

Note: The one with the automatic size adjustment did not work either. All images must be exactly 500x300px. I guess because the images are inserted in the images folder of the style. Previously with the images linked in the manual, it worked with every size specification.

Edit: It seems to be displayed correctly in the phones. Only the distance at the bottom to the header border is a bit too big.

But I doubt that this works with the extensions that are installed by the events before and after the search header.

Edit2: Seems to work too - but the picture should have max. 80px (here 70px). Which is why it certainly does not look good with the most ext.

rightimage.jpg (23.77 KiB) 1737 mal betrachtet

-----

FlowerPower_3.3.0_Images-Header.zip

(3.56 MiB) 18-mal heruntergeladen

Das Responsive ist definitiv extrem aufwendig anzupassen. Stimmte leider bisher nicht so ganz. Sollte allerdings nun im 3.2.10 respektive 3.2.11 und 3.3.1 Style dann korrekt angepasst sein. Eindeutig nicht optimal für einen phpBB Style!