[3.2] Suche Anleitung- html Seite einfügen.

[Talk19zehn]

Hi, anpassen bedeutet in meinem Sinne, dass das CSS zumindest zur Zeit schon einmal nicht so ganz mit dem Quelltextformaten des phpBB im Einklang stünde:

Code: Alles auswählen

https://www.musikertreffenmusiker.com/index.php

Hilfsweise wäre es sogar möglich Blockelemente ganz einfach und simpel an der durch Lehrling genannten Stelle (Style: Black-Silver-Slim (phpBB-3.2.0)) wie folgt einzutragen: Beispielsweise(!)

Code: Alles auswählen

<div style="text-align:center; font-size:13px; padding:28px; background: #e570e7; /* Old browsers */
background: -moz-linear-gradient(top, #e570e7 0%, #c85ec7 47%, #a849a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e570e7 0%,#c85ec7 47%,#a849a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */" class="navbar">
		<a href="#">About-US</a>
		<a href="#">Notenblätter</a>
		<a href="#">Musikgeschichte</a>
		<a href="#">Klassik</a>
		<a href="#">BlaBlubb</a>
		<br /><br />
		<a href="#">Veranstaltungen</a>
		<a href="#">Bildliches</a>
</div>

Oder ersetze in der von dir entwickelten HTML deine Codierung testweise und prüfe erneut.

Wenn du die Breaks --> <br /><br /> <-- nicht brauchst, löschst du sie heraus. Responsive ist das ganze ggf. sogar auch, da ich im Test auf "center" setze. Evtl. musst du für die responsive Lösung ein wenig nacharbeiten. Die Platzhalter-->#<-- bitte neben dem Text für deine Testlinks ersetzen.
Relative und absolute auszurichten wäre zwar komfortabel, ist aus meiner Sicht jedoch nicht zwingend nötig. Zumal sich größere Rechenoptionen auf Grund von Vorgaben ergeben können.

Möchte man es richtiger machen, nutzt man z.B. auch Sprachvariablen für die Linkausgaben etc.

Wir wissen ja leider nicht, wie deine includierte Seite tatsächlich angelegt ist und warum nun Black-Silver anstatt Black-Silver-Slim im QT steht, weiß ich nicht wirklich. Der Effekt der beispielhaften simplen Navigation im Design Black-Silver-Slim ist durch das negative Margin recht ansprechend, welches die Autorin nutzt. Da sich das Bild im Header versetzt darstellt. Sich vom Einerlei im WWW faktisch ansprechend abhebt.


Diese Test-Grafik (mein Ergebnis Black-Silver-Slim) wird im Kürze wieder gelöscht.

Möglichkeiten sind immens. Stehen und fallen mit dem Stylekonzept und eigenen auf phpBB ausgerichteten Konstrukten (CSS/ HTML). Manchmal sind die einfacheren Wege recht optimal einsatzfähig. Der Einzelfall entscheidet, stimmt!

Anm.: Nicht in allen Browsern und auch nicht in allen mobilen Browsern getestet. Der erste Spontantest klappte jedenfalls ohne Konflikte bzw. großen Aufwand.

Grüße

===
Edit: 17.03.2017, 20:52
Grafik entfernt

[Joyce&Luna]

Dieser Bereich oben, ist ein border, den du auch entfernen kannst.
Dazu öffne die overall_header.html und suche das.

Code: Alles auswählen

<header class="black_silver_header">
				<a href="<!-- IF U_SITE_HOME -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><div class="black-top"></div><img src="{T_THEME_PATH}/images/black-silver.jpg" class="silver-image-wrapper" alt=""></a>
				</header>

Und lösche daraus <div class="black-top"></div>

öffne blacksilver.css und lösche das.

Code: Alles auswählen

.black-top {
	border-top: 40px solid #3f3f3f;
	margin: -5px -5px 5px;
}

Kannst auch versuchen dort deinen Code rein zusetzen. Ob das klappt, habe ich nicht getestet und ist fraglich ob das geht.

Anke

[Black Jack]

Danke Euch, klasse!
Nicht wundern, hatte mit den Styles gespielt...

Werde mich morgen intensiv damit beschäftigen..hab gleich MTM Party
..kurz, bin z.zt komplett irritiert, es steht noch eine Antwort von Me... aus, bezogen auf Page.Extetion und "app.php"
und hab mal eben richtig bockmist gebaut: nach einer Anleitung habe ich versucht meine anmeldung.php meiner Website in BB3 reinzubasteln
habe sie ins root kopiert....jetzt ist die app.php überschreiben und die test links funktionieren nicht, euch ich das sicher klar was da passiert ist...
so siehts aus....läuft wieder...

also herzlichen Dank
und mein Feedback folgt
Schönes Wochenende
LG Joe

[Melmac]

ist das sehr kompliziert es so zu realisieren? : http://www.mtm4u.de/fileadmin/bilder/20 ... r_logo.png Die Brotkrumenabteilung werde ich dann auch noch verschieben...

Könntest Du vielleicht eine Skizze des Gesamtentwurfs einstellen, in dem zu erkennen ist, wo Du sowohl das neue Menü als auch die Navbar (=> umfasst die beiden Zeilen mit "Schnellzugriff", "FAQ" etc. bzw., darunter, mit den Breadcrumbs) platziert haben möchtest?

Mit ein paar CSS-Anpassungen alleine ist es hier nicht getan: so wie es aussieht, müsste hierfür der Code für den "Kopfbereich" in der overall_header.html ein Stück weit umgebaut werden. Von daher wäre es weniger aufwändig, dies dann auch gleich in einem Rutsch zu erledigen.
Alles machbar, aber auf Basis dieses Styles auch nicht unbedingt trivial