Seite 1 von 1
[3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 18:40
von muss_man_den_haben
Hallo,
ich habe das Metrolike Style installiert
https://www.phpbb.com/customise/db/style/metrolike/ , da ist oben normal nur ein kleines Logo zu sehen, das wollte ich tauschen gegen einen Banner der ganzen Fläche.
In der KB bin ich nach dieser Anleitung vorgegangen:
https://www.phpbb.de/kb/viewarticle?a=97
Das Ergebnis war dieses:
https://android.l1nux.org/index.php/s/gqN2PmBLnq2JC3G
Erwartet hätte ich gerne dieses:
https://android.l1nux.org/index.php/s/qZn2nCE8osBeJ5z das hatte ich mit der Erweiterung "sitelogo responsive", leider ist die mobile Ansicht damit nicht gut, die Seite ist auf dem Handy dann so breit wie das Banner, sprich, man muß seitlich scrollen, das möchte ich ja vermeiden.
Wie kann man das lösen?
Adresse des Forums
Danke
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 19:32
von chris1278
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 20:28
von muss_man_den_haben
Das ist kurios, unter dem "Testforum" funktioniert das mit der Erweiterung in der mobilen Ansicht, unter dem eigentlichen Forum aber nicht, Die Erweiterung hatte ich da ja schon installiert, aber in der mobilen Ansicht ist der Banner zu breit, da muss man seitlich scrollen.
Testforum
eigentliches Forum
Da gibt es dann wohl noch irgendwo einen Unterschied in den Dateien.
Cache gelöscht im Forum wie auf Handy hatte ich gemacht.
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 21:00
von Kirk
Die common.css sowie die overall_header.html im Style Metrolike ist in den beiden Foren unterschiedlich.
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 21:18
von Dr.Death
Nun musst du die Änderungen in der common.css wieder anpassen:
Code: Alles auswählen
.navwrap {
margin: 0 auto;
max-width: 1000px; /*1152px*/
padding: 0 15px
}
.headerwrap {
margin: 0 auto;
max-width: 1000px; /*1152px*/
padding: 0 15px
}
Und in der Datei:
ext/kirk/slr/styles/prosilver/theme/site_logo_responsive.css
folgendes entfernen:
Dann ist in der Handy Ansicht auch die obere weiße Zeile entfernt
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 21:31
von muss_man_den_haben
Ihr seid zu schnell
Ich war gerade auf der Suche mit welchem Programm ich die Dateien vergleichen kann.
Klar, die common.css wurde ja geändert wegen der Breite der oberen Balken, die sollten schmaler werden.
Code: Alles auswählen
.navwrap {
margin: 0 auto;
max-width: 1000px; /*1152px*/
min-width: 625px;
padding: 0 15px
}
.headerwrap {
margin: 0 auto;
max-width: 1000px; /*1152px*/
min-width: 625px;
padding: 0 15px
}
Ich habe diesen Code jetzt einfach mal in das Testforum kopiert, zack, in der Mobilansicht ist der Banner jetzt auch zu breit...
Also muß ich einfach die 2 Zeilen ( "min-width: 625px;" ) dort schon mal löschen, gut.
Die site_loge_responsive.css werde ich dann auch noch bearbeiten
Dann teste ich direkt mal
Danke Danke Danke
Nachtrag: Der Banner ist noch immer zu breit, lediglich das Menü usw. ist jetzt korrekt.
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 21.03.2021 21:44
von Dr.Death
Den hast du vergessen zu löschen:
Code: Alles auswählen
.headerwrap {
margin: 0 auto;
max-width: 1000px; /*1152px*/
padding: 0 15px
}
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 22.03.2021 13:41
von Talk19zehn
Hallöchen, meiner persönlichen Auffassung nach, ist die common.css gar nicht zu bearbeiten, um das Ziel zu erreichen. Wenn du von body ausgehst, hast dieser immer 100% (Ausnahmen bestätigen die Regeln). Die Klasse .wrap ist ja bereits mit einen max-width von 1000px etc. vorbereitet ...
Insofern sehe ich es so, lediglich das HTML andersartig zu verschachteln: metrolike Version_2.1.3
overall_header.html
pastebin/?mode=view&s=70
navbar_footer.html
pastebin/?mode=view&s=71
Und das CSS *(metrolike.css) in Zeile 7 um ein padding ergänzen: Zum Beispiel
Code: Alles auswählen
.navwrap {
background-color:#e60685;
color:#ffffff;
padding: 0 12px;
}
und *darin vgl. Zeile 98 das padding zu ändern: Zum Beispiel
Code: Alles auswählen
@media (max-width: 700px) {
.navwrap {
padding:0 10px;
}
}
Es sollte m.E. funktionieren, so auch mit der Ext von Kirk ohne etwaige Komplikationen. Dennoch ohne Gewähr, da ich nicht weiß, was ggf. noch so alles geändert wurde.
Grüße
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 22.03.2021 14:01
von Dr.Death
Der Overkill ist nicht notwendig....
meine o.g.
Änderung muss nur noch angewendet werden. fertig.
Re: [3.3] Style Metrolike - Banner oben in Header, KB hat mir nicht geholfen
Verfasst: 22.03.2021 19:12
von muss_man_den_haben
Ich bedanke mich für die auserordentliche SUPER Hilfe hier.
Das Thema läuft jetzt auch mobil korrekt, scheinbar war es gestern kein guter Tag für mich gewesen, zuviel geärgert..., halt wegen dem Forum, aber nicht wegen der Software, die ist richtig geil
Danke nochmals