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

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
Talk19zehn
Ehemaliger
Beiträge: 4287
Registriert: 08.06.2009 12:03

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

Beitragvon Talk19zehn » 17.03.2017 11:49

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! :wink:

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
Zuletzt geändert von Talk19zehn am 17.03.2017 20:52, insgesamt 1-mal geändert.
Angaben ohne Gewähr, da von zahlreichen Komponenten abhängig. 8)

Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 1311
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

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

Beitragvon Joyce&Luna » 17.03.2017 14:01

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
phpBB-Style-Design.de

Es kommt nicht darauf an, mit dem Kopf durch die Wand zu gehen, sondern mit den Augen die Tür zu finden.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

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

Beitragvon Black Jack » 17.03.2017 15:49

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... :wink:

also herzlichen Dank
und mein Feedback folgt
Schönes Wochenende
LG Joe
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 1884
Registriert: 15.10.2012 03:27

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

Beitragvon Melmac » 18.03.2017 17:23

Black Jack hat geschrieben: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 :wink:
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)


Zurück zu „Coding & Technik“