[RC] Office 3.2.11

[Tastenplayer]

Name of the style: Office
Style Version: 3.2.11
phpBB Version: 3.2.11
Based on: prosilver
---

Office_index_beta.jpg

On the picture you definitely can't see as well as the footerborder part actually looks.
---
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)

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

Demo & Download: https://www.phpbb-skins-by.koliofotis. ... p=399#p160

Changes in 3.2.11
* Responsive errors corrected
* Header newly adapted
* Some colours corrected

Example with photo banner

foto_banner.jpg

(Images: pixabay.com)

Icons

icons.jpg

alternative Icons

alternative iconset 1.png

alternative iconset 2.png

Alternative Headerbilder

Header 2.png

Header 3.png

header 4.png

header 5.png

Note: The header images are all from pixabay.com. I have only adapted / changed them

Here is a view without wrapercontent background image (The footer always looks a bit different on the screen than in the demo).
https://abload.de/img/officewithoutwrappercskkjz.jpg

No wrappercontent background and border at all.
https://abload.de/img/office_no_wrappercont4ik5v.jpg

https://abload.de/img/office_eagleowl_nowratnkf4.jpg
( Icons: Talk19zehn, Header-images: pixabay.com )

[Tastenplayer]

I have created an additional icon set (See picture in first post). These line icons are not everyone's cup of tea.

Beta download should be updated by tomorrow evening.

[Raul [ThE KuKa]]

Thank you so much!

OFF Topic - Start
Thank you Jutta for going ahead, developing styles for phpBB without expecting anything in return, I really appreciate it.
OFF Topic - End

[warmweer]

Wow! I've been asked to set up a board for a group of students and I'm going to propose this style (using the alternative icons). (I take it it inherits from prosilver?)

Even should I end up not using it - I really like the look (it's old style but at the same time it has something quite modern about it).
And, I'm in full agreement with Raul [ThE KuKa] and am genuinely glad you continue to offer new styles.

[Tastenplayer]

Yes the style inherits from prosilver, like all my styles.
But it's not a child style with only one style.css. The changes were too far-reaching, even if you wouldn't think so. Appearances deceive!
I'm still thinking about trying to pack everything into a single CSS (because it's less vulnerable). But I'm afraid that not all changes will work then.

Actually it's as good as finished, but I was made aware that in the overall_header code is missing (you orient yourself on the validated styles and unfortunately that's missing, too). And therefore logical in almost all my styles .
When correcting this and other points, you see more things that are not as desired. That's why I prefer to thumb through the style a few more times.
The styles are supposed to get better and better and not worse .

@Raul [ThE KuKa]
I often annoyed the supporters and members on phpBB.de and learned a lot with them. I think you should also give something back, not just take.

[Tastenplayer]

With a compromise solution, move the copyright downwards, the wrap should now be displayed everywhere up to the border bottom (Now the style has definitely gone into modernity .

Style should be ready now, but I've become careful. This style is definitely my most difficult style, although you wouldn't think so. But the border bottom has it all .
That's why the style stays as DEV for now.

Demo in my Styleforum are updated. After testing everything online again, I update the download.

It should be all right now.

However, if for example there are no new posts and you have not installed an extension that is displayed under the navigation (e.g. board announcement), the copyright section looks a bit mystical, especially if you only have two or three lines in it. Now you can argue about what looks better. But I think it's better if the wrap goes all the way to the footerborder. You should be able to live with this mystical affair, which is not often the case.

copyright empty.png

If that bothers you, you can remove the min-height in the office.css - at wrapercontent line 45. It already looks like this everywhere where the body content is limited:

copyright wrap no min-height.png

In some limited situations, there is a small white line under the footerborder. It matches the header, so I don't find it tragic. Otherwise the border would have to be 10px higher and that's clearly too high, I think.

If someone should have another opinion: Proposals for changes are always welcome! However, it could be that I now put the end div for the footer border too far down (Because before there was a source code error). I have to check this again before I can update the download link.

[Tastenplayer]

In my opinion you can't insert the end div for the footerborder at the correct place, because otherwise this happens e.g. with installed footerlinks-Ext (I don't like it. It's not what it's supposed to look like anymore.):

footerborder div korrekt.jpg

Therefore before <!-- EVENT overall_footer_after --> (which is not entirely correct)
Then it looks like this:

footer links.png

And if you don't like this insert additional code in the footerlinks Ext and it looks like this:

footerlinks background.png

But maybe I'm wrong about my opinion once again.
I don't get source code errors like this. But maybe there is another extension that is placed there and doesn't play with this solution?
PhpBB style with footerborder, which should always be a piece under the wrap, is definitely not an easy thing (Except the border has almost the same color as the page background).

[Tastenplayer]

Does the style look better with this proposed change? Light grey tone in the forum part instead of all white?
I'm quite hesitant about that!? (With these colors in the header image already, but if it is a colored header image?)

index_office_lightgray.jpg

(Style is adjusted in my style forum in the index with the lightgray tone)

[Talk19Zehn]

Hello , please perhaps test this idea ....

office.css test => some changes / supplements

Code: Select all

/*
--------------------------------------------------------------
Footer border, sitefooter
-------------------------------------------------------------- */
.footer_border {
	background: transparent;
	border-bottom: 70px solid #222222;
	min-height: 90px;
	margin-bottom: 0;
}

.sitefooteroffice {
	position: scroll;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #222222;
	border-top: 1px solid #FAFAFA;
	font-size: 10px;
	margin-top: 0px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFFFFF;
	text-align: center;
}

.sitefooteroffice a {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}

.sitefooteroffice a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}

.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px;
	margin-top: 32px;
}

HTML: TEST => overall_footer.html

Code: Select all

<div class="sitefooteroffice">
	<p>
		phpBB-Style: Office created by <a href="https://www.phpbb-skins-by.koliofotis.ch/">Skins by Tastenplayer</a>
	</p>
</div>

How does the event <! - EVENT overall_footer_body_after -> now react?
And where does the event really sit?
<! - EVENT overall_footer_after ->
??
Best regards

[Tastenplayer]

Thank you Talk19zehn, but I won't be able to see it until later.

It would be good if somebody would express his opinion, concerning the light grey forum part. As an alternative to the coloring in the first post. Otherwise the style will never be finished (or I have to create both variants).

[RomaamoR]

It would be good if somebody would express his opinion, concerning the light grey forum part.

I immediately redid -


I noticed that it does not work - who is online.

[Tastenplayer]

Okay Talk19zehn

This works until an Ext is installed there. That's why the end div of my border has to end just above these events.

ext im footer.jpg

Also responsive only the last link is shown (the content is shown only up to the white border)

one link responsive.jpg

So I inserted my linkbar from my other style. Exactly the same problem. Content is only displayed up to the border.

footer linkbar.jpg

@RomaamoR
Probably an error in my first version (download) In my styleforum is displayed online and offline (that in (en, de, fr, it, nl).

online.png

I have to make a color decision before I can update the download (forum lightgray or white)

Did you insert the folder with the pictures for your language( in theme folder of the style)?

But I've just seen another mistake on your picture now. It has a wrong background behind the ellipsis

[RomaamoR]

I have to make a color decision before I can update the download (forum lightgray or white)

I like light gray.

Did you insert the folder with the pictures for your language( in theme folder of the style)?

Yes. Now it works, but you need to change the picture to Russian.

[Tastenplayer]

Hahaha, I hardly believe that my photo program has Russian letters and if, how do you write online correctly in Russian (you can't believe the translator everything) ОНЛАЙН the delivered translation. And for offline: ОФЛЛАЙН
Но я могу сделать еще один png, без смс. (Who knows what he's translated for me now? )


The fast neutral online/offline icon.
Definitely needs improvement, but I have to work now.
https://www.phpbb-skins-by.koliofotis.c ... php?id=195

[RomaamoR]

Hahaha, I hardly believe that my photo program has Russian letters and if, how do you write online correctly in Russian (you can't believe the translator everything) ОНЛАЙН the delivered translation. And for offline: ОФЛЛАЙН

Code: Select all

.postprofile .has-avatar .avatar-container

It remains only to replace the online image on the Russian.