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.
-----
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!
Style with Grid-Images-Header
Allerlei Nützliches
-
- Site Admin
- Beiträge: 649
- Registriert: 3. Apr 2019, 17:36
- Vorname: Jutta
- Dein Land: Schweiz
- Wohnort: Zuchwil / SO
- Kontaktdaten:
Zurück zu „Für Style Ersteller“
Gehe zu
- ↳ Styles 3.2.10-RC2
- ↳ Styles 3.3.1-RC1
- BOARD INFORMATIONS
- ↳ Forenregeln - Forum rules
- ↳ Installierte Extensions - Installed extensions
- MY PHPBB 3.3.X STYLES
- ↳ Meine Styles - My style creations
- ↳ Blackfog
- ↳ Graphit
- ↳ Graphit-Xmas
- ↳ Mixture
- ↳ FAQ
- ↳ Simple-3D
- ↳ Simple-3D_blue
- ↳ Simple
- ↳ FlowerPower
- ↳ FlowerPower
- ↳ FlowerPower_2nd
- ↳ FlowerPowerSlider
- ↳ FlowerPowerSlider_2nd
- ↳ FlowerPowerAnimationSlider
- ↳ FlowerPowerGrid
- ↳ Ahoi
- ↳ Ahoi_Xmas
- ↳ Ahoi_junior
- ↳ Office
- ↳ FAQ
- ↳ ProsilverColor-blinds
- ↳ FAQ
- ↳ ProsilverHiFiKabin
- ↳ Silents
- ↳ AntiqueRedWelcome
- ↳ ColoredWelcome
- ↳ Virus
- ↳ Food & Wine
- ↳ FAQ
- ↳ Silver-Xmas-Modern
- ↳ OLD-BBS
- ↳ TakeSlider
- ↳ Support für meine Styles
- ↳ Blackfog
- ↳ Graphit
- ↳ Graphit-Xmas
- ↳ Mixture
- ↳ Simple-3D
- ↳ Simple
- ↳ FlowerPower
- ↳ Ahoi
- ↳ Ahoi_junior
- ↳ Office
- ↳ ProsilverColor-blinds
- ↳ ProsilverHiFiKabin
- ↳ Silents
- ↳ AntiqueRedWelcome
- ↳ ColoredWelcome
- ↳ Virus
- ↳ OLD-BBS
- ↳ Silver-Xmas-Modern
- ↳ Extension Anpassungen für meine Styles - Extension adaptions
- ↳ Mixture
- ↳ Blackfog
- ↳ ProsilverColor-blinds
- ↳ ProsilverHiFiKabin
- ↳ Silver-Xmas-Modern
- ↳ OLD-BBS
- MY PHPBB 3.2.X STYLES
- ↳ Meine Styles - My style creations
- ↳ Blackfog
- ↳ FAQ
- ↳ Graphit
- ↳ FAQ
- ↳ Graphit-Xmas
- ↳ Mixture
- ↳ FAQ
- ↳ Simple-3D
- ↳ Simple-3D_blue
- ↳ Simple
- ↳ FlowerPower
- ↳ FlowerPower
- ↳ FlowerPower_2nd
- ↳ FlowerPowerSlider
- ↳ FlowerPowerSlider_2nd
- ↳ FlowerPowerAnimationSlider
- ↳ FlowerPowerGrid
- ↳ Ahoi
- ↳ Ahoi_Xmas
- ↳ Ahoi_junior
- ↳ Office
- ↳ FAQ
- ↳ ColoredWelcome
- ↳ FAQ
- ↳ ProsilverColor-blinds
- ↳ ProsilverHiFiKabin
- ↳ Silents
- ↳ AntiqueRedWelcome
- ↳ Silver-Xmas-Modern
- ↳ FAQ
- ↳ Virus
- ↳ Food and Wine
- ↳ Old-BBS
- ↳ Support für meine 3.2.x Styles
- ↳ Extension Anpassungen für meine Styles - Extension adaptions
- ↳ Alle Styles
- ↳ Blackfog
- ↳ Graphit
- ↳ Mixture
- ↳ Simple-3D
- ↳ Simple-3D_blue
- ↳ FlowerPower
- ↳ Ahoi
- ↳ Ahoi_junior
- ↳ ColoredWelcome
- ↳ Old-BBS
- ↳ Silver-Xmas-Modern
- Styles in Entwicklung - Miscellaneous
- ↳ Miscellaneous
- ↳ Any style problem (not my styles)
- ↳ Styles in Entwicklung
- ↳ Styles out of the drawer
- ↳ Für Style Ersteller
- ↳ Nature - Ein Template für Deinen eigenen Style
- ↳ FAQ
- ↳ AcidTech_Rock (Red-Orange)
- STYLE DETAILS
- ↳ Demo Forum Moderator
- ↳ Symbol Demo
- ↳ Color Demo
- ↳ Link Icon Test
- ↳ Link Icon Demo
- Tipps, Infos usw.
- ↳ Tutorials / Custom Coding
- ↳ Mysqldumper für PHP7
- ↳ Download im Supportforum von Mahony
- ↳ BBCodes
- ↳ Extensions
- ↳ Background & More for Pages
- ↳ phpBB