[RC] Office 3.2.11

[Talk19Zehn]

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

[RomaamoR]

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

[Tastenplayer]

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

[Tastenplayer]

@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.
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.

[RomaamoR]

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.

[Tastenplayer]

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

[Tastenplayer]

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;
}

[Tastenplayer]

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.

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>

[Tastenplayer]

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

[Tastenplayer]

Style is updated to version 3.2.7.3 RC
Downloadlink is actually updated

[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

Unfortunately the students don't have (my) good taste and the style has been rejected
Oh well, I have a test board (for myself) specifically for styles and I'm keeping it there

[Tastenplayer]

It would definitely be suitable for students.

Thank God tastes are different, otherwise it would be boring.
What is now good taste or not, can be argued about.

[warmweer]

What is now good taste or not, can be argued about.

True: but the conclusion would always be the same one: MY taste is good! (and that's my objective opinion )

[Tastenplayer]

However, there is still one mistake in the style that I could not correct because of my accident. Unfortunately I can still hardly sit at the PC.
Unfortunately, in addition to the accident, I also got a rather persistent cold. My dog also has a strong cough.

The top in the footer overlaps in the phone view

[Tastenplayer]

Style is updated to 3.2.8
First post is adjusted

Changes in version 3.2.8
* Corrected the top in footer in responsive view

Style demo forum still runs under phpBB 3.2.7