[RC] Office

For style authors to post and receive feedback on 3.2.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
User avatar
Talk19Zehn
Registered User
Posts: 345
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: [DEV] Office

Post by Talk19Zehn » Mon Jul 22, 2019 2:25 pm

Okay, since my TEST (!) = Pattern did not properly design your footer area and unfortunately confuses you, I've changed the CSS and HTML above. I think the example is now easier to understand.

Of course, you have to create link lists in your own phpBB-compliant form. ;)

Best Regards
World Meteorological Organization (WMO) Weather - Climate - Water
BTW: My own works - phpBB - read more: ongray-design-de or look here: phpBB VT Theme

User avatar
RomaamoR
Registered User
Posts: 176
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [DEV] Office

Post by RomaamoR » Mon Jul 22, 2019 2:38 pm

Hurried. Even when there is no user online, he still writes online. :(

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] Office

Post by Tastenplayer » Mon Jul 22, 2019 2:48 pm

No, it writes online and offline - but you was too fast for me ;)

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
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] Office

Post by Tastenplayer » Mon Jul 22, 2019 2:54 pm

@Talk19zehn

The only problem is that the white line is over. Respectively there is a responsive toggle but only the last link is shown because the line is closed and nothing is shown above it. Exactly the same problem when I insert my link bar. The content of the dropdown is not displayed. So I think that this white line should be removed, unfortunately.

Before the code was definitely better(simpler), wouldn't be the problem with the stop at the white line. :lol:
I'll see what I can do. Thank you for the input!

N.B
That seems a thing of impossibility because of the responsiveness. All links are displayed when the footerborder is gone and then the wrap no longer crosses the border.
footer responsive.jpg
Now I adjust the colors and update the download first. I can have a closer look at your suggestion later. Otherwise the style will definitely never be finished.
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
RomaamoR
Registered User
Posts: 176
Joined: Tue Feb 24, 2015 4:45 pm
Contact:

Re: [DEV] Office

Post by RomaamoR » Mon Jul 22, 2019 3:42 pm

Tastenplayer wrote:
Mon Jul 22, 2019 2:48 pm
No, it writes online and offline - but you was too fast for me ;)

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
Corrected. Shows so far excellent.

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] Office

Post by Tastenplayer » Mon Jul 22, 2019 5:45 pm

Another offline / online image. The first is also included, is definitely better, but too unclear. I'll have to look at it again during the week.
The big is probably too big next to an avatar.

https://www.phpbb-skins-by.koliofotis.c ... php?id=196

off topic
Language independence is also possible in Prosilver 3.2.x :)
icon_user_online.png
icon_user_online.png (1.34 KiB) Viewed 1053 times
icon_user_online.png
icon_user_online.png (2.88 KiB) Viewed 1051 times
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] Office

Post by Tastenplayer » Tue Jul 23, 2019 12:59 pm

So it seems to work with the display of all links in the dropdown. But if there is a source code error somewhere now, or another error, I haven't looked yet.
footer with linkbar.jpg
In small displays only icons are displayed.
I never found out how it is possible to add a dropdown on the right. My attempt to add popup dropdowns to the right had worked, but unfortunately it didn't work responsive.
The number of links in the link bar is limited because of the 320px phone view.
Linkbar is from my forum header (https://www.forum.my-tastenworld.ch/)

N.B
There is unfortunately again a </div> too much, for whatever reason. I must actually look at later. Style I definitely continue without. Otherwise it takes too long.

overall_footer

Code: Select all

	</script>
<!-- ENDIF -->
</div> <!-- end footer_border -->
<!-- EVENT overall_footer_after -->

<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}

	<!-- INCLUDE linkbar.html -->

<!-- EVENT overall_footer_body_after -->

</body>
</html>
css

Code: Select all

.footer_border {
	background: transparent;
	border-bottom: 70px solid #222222;
	min-height: 590px;
	margin-bottom: 0;
}

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

.linkbar {
	background-color: #EBEBEB;
	border-bottom: 30px solid #222222;
	padding: 0 10px;
}
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [ALPHA] Office

Post by Tastenplayer » Wed Jul 24, 2019 12:27 pm

Style is in phase alpha. Download is updated.

off topic
This is also possible . But it looks stupid. No icon that looks really good and fitting. But maybe you can use the code sometime.
It was worth a try. :lol:
font awesome left-right.jpg

Code: Select all

<i class="icon fa-dot-circle-o fa-fw icon-lightgray icon-lg pull-left"></i>
	<i class="icon fa-dot-circle-o fa-fw icon-lightgray icon-lg pull-right"></i>
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [BETA] Office

Post by Tastenplayer » Tue Jul 30, 2019 7:27 pm

Picture and description actualized in the first post.
Download is updated.

Own links can be inserted additionally in the sitefooter navbar (condition: sufficient knowledge in html and css)

The footer must definitely fit to an inserted extension. For example footerlinks ext.
footerlinks.jpg
If it is too dark for you, you can change it quickly.

Simply replace the respective code in the office.css with this code

Code: Select all

/* line 289
---------------------------------------- */
.sitefooteroffice .navbar {
	border-bottom: 2px solid #AD610C;
	box-shadow: inset 0 1px 0 #4E4E4E, 0 1px 0 #808080;
	padding: 12px 28px 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E0E0E0;
}

/* line 310
---------------------------------------- */
.sitefooteroffice a {
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

/* line 317
---------------------------------------- */
.sitefooteroffice a:hover {
	color: #AD610C;
	text-decoration: underline;
}

/* line 322
---------------------------------------- */
p#office-footer-title {
	color: #333333;
	margin-bottom: 3px;
}
Then the footerborder looks like this
office footer color changed.jpg
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

User avatar
Tastenplayer
Registered User
Posts: 285
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [RC] Office

Post by Tastenplayer » Mon Aug 12, 2019 8:37 pm

Style is updated to version 3.2.7.3 RC
Downloadlink is actually updated
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
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. The best online Translator

Post Reply

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