[RC] Office 3.3.8

For style authors to post and receive feedback on 3.3.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Post Reply
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

[RC] Office 3.3.8

Post by Tastenplayer »

Name of the style: Office
Style Version: 3.3.8
phpBB Version: 3.3.8
Based on: prosilver
---
index_office.jpg
---
Description of the style:
A modern white / light grey style with black and orange
* The header image/logo is shown in every display ( In contrib it has alternative header images) A header image / banner of any height up to 1920px width (standard), can be inserted and is displayed up to 320px. Be aware that the image at 320px is very small when you create your own image.
* Karopaper bodywrap background
* Special No-Ava is displayed in style
* Offline/online display
* The cookie hint has been completely redyed.
* The statistics part is reformatted to fit the style in a block
* The FAQ is redyed
* The style consists of 4 wraps
* Own links can be inserted additionally in the sitefooter navbar (condition: sufficient knowledge in html and css)
Header and content wrapper customizations can be found in the FAQ guide in my styleforum.

Important: With this style prosilver, the respective phpbb version, must be installed!

DEMO & DOWNLOAD

Example with photo banner (Your banner 1920 x XY)
foto_banner.jpg
(Images: Gellinger, pixabay.com)

Icons
icons.jpg
alternative Icons
alternative iconset 1.png
Changes in 3.3.1
* Responsive errors corrected
* Header newly adapted
* Some colours corrected
Last edited by Tastenplayer on Thu Oct 20, 2022 1:49 pm, edited 9 times in total.
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Gumboots
Registered User
Posts: 692
Joined: Fri Oct 11, 2019 1:59 am

Re: [RC] Office

Post by Gumboots »

Nice work on those icons.
Be aware that the image at 320px is very small when you create your own image.
There's a trick you can use here, depending on how you coded your banner. But, you can oversize the banner on small screens (ie: width 150%) and use hidden overflow on the parent to crop it for width. This could be useful if you have the forum name or logo as part of the banner, and you want to increase the size of that, while hiding the superfluous part that is only there to provide eye candy on larger screens.

Alternatively, you just call another banner on smaller screens, with design done to suit that size. Which requires calling your banner image in CSS rather than inline, but that's not much of a restriction.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

Yes, but I'm afraid there might be problems with this style configuration ;) (The banner is inserted in the overall_header not in the css. As in most of my styles.)
Furthermore, it is unnecessary as long as you insert a logo large enough. Therefore my advice concerning the size. Without lettering it is no problem anyway.
foto_banner 320px.jpg
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Gumboots
Registered User
Posts: 692
Joined: Fri Oct 11, 2019 1:59 am

Re: [RC] Office

Post by Gumboots »

No problem with your style configuration. You just do it like this:

Code: Select all

@media screen and (max-width: 320px) {
    .headerbar .inner {
        max-width: 100%;
        overflow: hidden;
    }
    .headerbar .inner img {
        width: 200%;
    }
}
Just tried it as an override on your demo site. Works perfectly. Obviously this would be best done as custom adjustments by the site admin, to suit their own banners, but it's not difficult to do.

ETA: By the way, you can call a smaller custom image on small screens even if your main banner is inline in the HTML. All you need to do is use an absolute-positioned ::before pseudo element on the anchor, with the parent .inner div set to relative positioning. The pseudo gets the smaller banner as a background, and will be fully linked just like the default banner. You can then hide the default banner with visibility: hidden; or display: none; (depending on how you code the ::before) if you want to.

Admittedly this may be getting a bit too tricky for some people, but it's always fun to see what you can get away with. :D
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

I actually still wanted to write this, was outside with dog.
What you mean goes with a configuration like in style Simple. Because the style Simple has a responsive header background and a responsive logo (this was automatic, it never worked before :-) ). I was quite amazed when suddenly both were responsive. :o
But this style has no logo but an integrated headerbackground banner image.

But all right, I'll take another look at it.
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Gumboots
Registered User
Posts: 692
Joined: Fri Oct 11, 2019 1:59 am

Re: [RC] Office

Post by Gumboots »

Oh you don't have to do it as part of your style. I was just pointing out that it's an easy thing for any site admin to do, if they want to adjust presentation of their own custom banners on smaller screens.

Since you don't know what banner design they will be using, it would be difficult for you to some up with something that would suit everyone. I meant this more as a tip for anyone who wants to adjust it on their own site.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

I'll take another close look at it anyway.
The problem is just for one style: many users do not change the header image. If you leave the image without text, nobody in the phones wants a huge image. A larger image is only needed if you insert text into the image. Therefore it is definitely better as in style Simple where a logo is added. But in a style with a banner image it is hardly possible with an additional logo - would look quite strange.

True: one would have to add in the FAQ, what you have to do for a larger picture in the responsive.
This is actually my best style. But very few people seem to recognize that. "The most beautiful flowers bloom in hidden" :lol: He looks exactly the same in every browser - display - resolution etc. and is quite quickly adapted.
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Gumboots
Registered User
Posts: 692
Joined: Fri Oct 11, 2019 1:59 am

Re: [RC] Office

Post by Gumboots »

It's good that you're satisfied with this one. There's no point trying to make styles to please other people. That will drive you nuts.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

Off topic
Gumboots wrote: Fri Feb 28, 2020 9:22 am It's good that you're satisfied with this one. There's no point trying to make styles to please other people. That will drive you nuts.
When you have an idea for a style, I often come up with a completely different style. This one is roughly finished in a short time. If you want to make a style after input from someone else, it is still possible. But it takes a lot longer! But if I would try to create a style that you think the masses would like, it will never be finished.
Besides: it's better to create styles that few users like than for the masses. How would the internet look like, if everybody has the same style on! (Which is almost the case with some purchase forum software.) End off topic

In this style you can make the banner as high as you want, only the width is given. But of course, if the banner is too high, the navbar or at least some links would have to be moved up. Otherwise the visitors and members will not find the forum anymore.
office header extreme.jpg
No forum far and wide anymore :mrgreen:
Would be something completely different :-) But quite complicated that the content of the forum becomes accessible. Especially responsive. In addition, it is hardly possible that the whole picture is shown in each display. That would take a lot more than I can do. By the time I would have acquired this knowledge, phpBB 4.0.0 would already be released.
Current situation: Create a html website with the picture and link the forum. But of course this is not the ultimate kick - not the same thing.
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

I just got a notice via PN.
Unfortunately I made a mistake during the update.This must have been done during the final adjustment with prosilver. In the faq_body.html it must be bg7. Otherwise you cannot read anything. I will add a new version tonight. :oops:

Code: Select all

<!-- BEGIN faq_block -->
	<div class="panel <!-- IF faq_block.S_ROW_COUNT is odd -->bg7<!-- ELSE -->bg7<!-- ENDIF -->">
		<div class="inner">
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer »

Style is updated to 3.3.2

Changes in 3.3.1
* Responsive errors corrected
* Header newly adapted
* Some colours corrected
indexoffice.jpg
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office 3.3.3

Post by Tastenplayer »

Style updated to 3.3.3
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office 3.3.4

Post by Tastenplayer »

Style updated to 3.3.4
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office 3.3.5

Post by Tastenplayer »

Style updated to 3.3.5
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office 3.3.7

Post by Tastenplayer »

Style updated to 3.3.7

Style updated to 3.3.8
More of my styles you can find in my phpBB Style Board & More
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
Post Reply

Return to “[3.3.x] Styles in Development”