phpBB.de

Verfasst: **27.05.2018 14:30**

Hi, du kannst gerne jene unverbindliche Konstellation ausprobieren. Darin (CSS) habe ich die Container so ausgerichetet, um größere Rechenoptionen für ein responsives/adaptives Layout vernachlässigen zu können, dass sie sowohl im Desktop-Design und in den mobilen Auflösungen funktionieren (sollten (!)). z-index spielt eine wesentliche Rolle, sofern bereits andersartige Konzepte im Einsatz sind. Siehe z.B.:
https://wiki.selfhtml.org/wiki/CSS/Eige ... ng/z-index

Es folgt ein erster Denkansatz meinerseits ... (Test, Test, Test ...) .

CSS:

Code: Alles auswählen

.navbarfixedontop {
	background-color: transparent;
	border-radius: 7px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	left: 0.5px;
	right: 0.5px;
	position: fixed;
	min-height: 40px;
	z-index: 999;
}

.navbarfixedbottom {
	padding-bottom: 89px;
}

HTML: (overall_header.html) suche darin und lösche (evtl. sind Abstände im Anschluss neu einzupflegen).

<!-- EVENT overall_header_navbar_before -->

		<!-- INCLUDE navbar_header.html -->

suche bitte erneut:
<div class="headerbar" role="banner">

und füge davor

Code: Alles auswählen

		<div class="navbarfixedbottom"><div class="navbarfixedontop">
			<!-- EVENT overall_header_navbar_before -->
			<!-- INCLUDE navbar_header.html -->
		</div></div>

ein.

Caches clearen etc. Anhand deiner beigestellten Grafik kann ich nicht erkennen, um welches Design es sich handelt und wie dieses gar konzipiert ist. Insofern gehe ich vom Standard Prosilver (phpBB-Version 3.2.2) ohne jegliche Änderungen aus.

Meine Bitte: Vor etwaigen Änderungen die jeweiligen Sicherungen nicht vergessen.

Viele Grüße

Verfasst: **30.05.2018 09:30**

Hi, ergänzend sei erwähnt, dass du das Event  an der ursprünglichen Position (phpBB-Version 3.2.2 Standard), vgl. HTML => overall_header.html) belassen kannst, um die die Ausgabe in der Darstellung (Höhe) nicht "aufzuziehen", sofern das Event zum Einsatz kommt/käme.

Es sind sodann ausgehend vom Original(!) jene Schritte nötig:

HTML: (overall_header.html) suche darin und lösche


suche bitte erneut:

<div class="headerbar" role="banner">

und füge davor

Code: Alles auswählen

		<div class="navbarfixedbottom"><div class="navbarfixedontop">
			<!-- INCLUDE navbar_header.html -->
		</div></div>

ein.

Grüße

Verfasst: **30.05.2018 14:28**

Der Screenshot dürfte vom Style Elegance gemacht worden sein: Arty hatte dieses Verhalten mal als Option eingebaut.
Inwieweit sich sein Code als Vorbild nehmen lassen könnte, der dann u.U. an den eigenen Style adaptiert werden müsste/könnte, lässt sich schwer sagen.

Welchen Style willst Du den anpassen: prosilver oder einen anderen? Falls Letzteres: um welchen ginge es?

phpBB.de

[3.2] Navbar soll mit Scrollen

Re: [3.2] Navbar soll mit Scrollen

Re: [3.2] Navbar soll scrollen

Re: [3.2] Navbar soll mit Scrollen