[3.2] Navbar soll mit Scrollen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4909
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: [3.2] Navbar soll mit Scrollen

Beitrag von Talk19zehn »

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
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4909
Registriert: 08.06.2009 12:03
Kontaktdaten:

Re: [3.2] Navbar soll scrollen

Beitrag von Talk19zehn »

Hi, ergänzend sei erwähnt, dass du das Event <!-- EVENT overall_header_navbar_before --> 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
<!-- 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">
			<!-- INCLUDE navbar_header.html -->
		</div></div>
ein.

Grüße
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] Navbar soll mit Scrollen

Beitrag von Melmac »

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?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Antworten

Zurück zu „Styles, Templates und Grafiken“