Das Forum der Foren
Willkommen im offiziellen Support-Forum von Forumieren! [phpBB3] Header anpassen Icon_king

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.

[phpBB3] Header anpassen Icons-100

Erstellen Sie ein kostenloses Forum wie dieses hier.
Das Forum der Foren
Willkommen im offiziellen Support-Forum von Forumieren! [phpBB3] Header anpassen Icon_king

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.

[phpBB3] Header anpassen Icons-100

Erstellen Sie ein kostenloses Forum wie dieses hier.
Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise

[phpBB3] Header anpassen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB3] Header anpassen

Beitrag von TribeSpirit Sa 29 Mai 2021 - 13:01

URL-Adresse des Forums:https://dawnofanewday.forumieren.com/
Rang/Funktion im Forum:Admin
Forenversion:phpBB3
Browser: Firefox
Persönliches CSS(Ja/Nein): Ja
Templateänderungen(Ja/Nein): Ja

Hallo!

Ich habe gestern an einem neuen Header gearbeitet und alles hat auch soweit bereits geklappt. Nun ist allerdings aufgefallen, dass der Header sich noch nicht an verschiedene Browser bzw. Bildschirmauflösungen anpasst, was natürlich nachteilig ist. Bei mir sieht in Firefox alles normal aus, bei Usern mit kleineren Bildschirmen fällt das bei gleichem Browser aber auch geringfügig anders aus.

Ich habe bei der Suchfunktion das hier gefunden: https://hilfe.forumieren.com/t38117-phpbb3-ubergrosses-logo-des-forums-an-desktopauflosung-anpassen?highlight=Bildschirmaufl%F6sungen+anpassen

Nachdem ich es allerdings in das CSS Sheet eingegeben habe, hat sich nichts für die betroffenen User verändert. Ich habe ebenfalls diese Antwort gefunden: https://hilfe.forumieren.com/t17617-header-verschiedene-monitorauflosungen?highlight=header

Aber auch die hat nicht geholfen. Gibt es noch eine andere Möglichkeit, dass sich der Header automatisch immer anpasst, ohne dass das Gesamtbild verzerrt/verschoben wird?

Über Hilfe wäre ich sehr dankbar!

LG


Zuletzt von TribeSpirit am Mi 16 Jun 2021 - 14:42 bearbeitet; insgesamt 1-mal bearbeitet
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Kupke Sa 29 Mai 2021 - 20:07

Hallo @TribeSpirit.

Haben die betroffenen User Cache und Kekse gelöscht und das Forum neu aufgerufen?
Ggf. den DNS-Cache löschen und danach nichmal neu aufrufen.

Wie der DNS Cache gesäuber wird, findest du im folgenden Link.

https://hilfe.forumieren.com/t30234-dns-cache-loschen-forum-nicht-aufzurufen?highlight=DNS+Cache


Herzliche Grüße
Kupke
Kupke
Kupke
Moderator
Moderator

Männlich Beiträge : 86
Anmeldedatum : 15.06.18
[phpBB3] Header anpassen Empty
Mozilla Firefox phpBB3

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit Sa 29 Mai 2021 - 21:07

Guten Abend Kupke!

Vielen Dank für deine Antwort. Ich habe die Userschaft mal gefragt und es zeigt sich leider keine Änderung, egal ob am Pc oder in der mobilen Version (wobei ich nichts dazu gefunden habe, ob die CSS Codes auch helfen, dass sich ein Banner an die dortige Bildschirmgröße anpasst). Ich hatte ihnen weiter gegeben, dass sie, ehe sie ihre Rückmeldung gaben, vorher nochmal Cache, Cookies und DNS Cache leeren sollten.
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Kupke Sa 29 Mai 2021 - 21:31

Vielen danke für deine Rückmeldung.
Ich persönlich gehe von einem lokalen Browserproblem aus denn wäre es ein Problem im Script, wären alle Mitglieder in deinem Forum betroffen.
Ich bin bis mitte der Woche leider nur mit meinem Smartphone online und kann die Scripts deshalb momentan nicht nachstellen.

Ggf. meldet sich Joost nochmal zu diesem Anliegen ansonst teste ich die Scripts selbst nochmal aus aber leider erst mitte kommender Woche.

Herzliche Grüße
Kupke
Kupke
Kupke
Moderator
Moderator

Männlich Beiträge : 86
Anmeldedatum : 15.06.18
[phpBB3] Header anpassen Empty
Mozilla Firefox phpBB3

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit So 30 Mai 2021 - 11:53

Alles klar, dann warte ich auf eine weitere Rückmeldung Smile
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Joost und Kupke mögen diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von pedxz So 30 Mai 2021 - 13:32

Hallo @TribeSpirit,

Nachdem ich es allerdings in das CSS Sheet eingegeben habe, hat sich nichts für die betroffenen User verändert. Ich habe ebenfalls diese Antwort gefunden: https://hilfe.forumieren.com/t17617-header-verschiedene-monitorauflosungen?highlight=header

Sie verwenden einen benutzerdefinierten Header. Verwenden Sie daher diesen Code:
Code:
.bfheader1 img {
  max-width: 100%;
}
pedxz
pedxz
Lehrling
Lehrling

Beiträge : 45
Anmeldedatum : 26.01.18
keine

Joost, TribeSpirit und Kupke mögen diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Joost So 30 Mai 2021 - 14:22

@pedxz schrieb:Hallo @TribeSpirit,

Nachdem ich es allerdings in das CSS Sheet eingegeben habe, hat sich nichts für die betroffenen User verändert. Ich habe ebenfalls diese Antwort gefunden: https://hilfe.forumieren.com/t17617-header-verschiedene-monitorauflosungen?highlight=header

Sie verwenden einen benutzerdefinierten Header. Verwenden Sie daher diesen Code:
Code:
.bfheader1 img {
  max-width: 100%;
}

Vielen Dank @pedxz ! Lesen
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 116
Anmeldedatum : 29.12.12
[phpBB3] Header anpassen Empty
Google Chrome phpBB3

Kupke mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit So 30 Mai 2021 - 16:20

@pedxz schrieb:Hallo @TribeSpirit,

Nachdem ich es allerdings in das CSS Sheet eingegeben habe, hat sich nichts für die betroffenen User verändert. Ich habe ebenfalls diese Antwort gefunden: https://hilfe.forumieren.com/t17617-header-verschiedene-monitorauflosungen?highlight=header

Sie verwenden einen benutzerdefinierten Header. Verwenden Sie daher diesen Code:
Code:
.bfheader1 img {
  max-width: 100%;
}

Hallo pedxz!

Danke für den Hinweis mit dem veränderten Code Smile Sollte dieser Code dann auch funktionieren, wenn man vom Handy aus auf die klassische Version zugreift? Ich habe es ausprobiert und aktuell geht es da noch nicht.
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von pedxz So 30 Mai 2021 - 21:53

@TribeSpirit schrieb:Sollte dieser Code dann auch funktionieren, wenn man vom Handy aus auf die klassische Version zugreift?

Kannst du einen Screenshot machen?
pedxz
pedxz
Lehrling
Lehrling

Beiträge : 45
Anmeldedatum : 26.01.18
keine

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit So 30 Mai 2021 - 22:41

Das hier haben mir verschiedene User geschickt, bei mir am Handy sieht es genauso aus:

[phpBB3] Header anpassen Screenshot_20210530-161507_Samsung_Internet

Am PC hat sich laut Umfrage bei den anderen Usern, die Probleme hatten, nun etwas verbessert durch den CSS Code Smile
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Skouliki Do 10 Jun 2021 - 18:20

Hallo

Es gibt unzählige Bildschirme und Geräte mit unterschiedlichen Höhen und Breiten, daher ist es schwierig, für jedes Gerät einen genauen Haltepunkt zu erstellen.

Probier diese
Code:

@media only screen and (max-width: 767px) {
    .bfheader1 img { height: auto;
    max-width:50%; }
}
@media only screen and (min-width: 768px) {
  .bfheader1 img {height: auto;
    max-width:60%; }
}
@media only screen and (min-width: 1280px) {
    .bfheader1 img { height: auto;
    max-width:100%; }
}
Skouliki
Skouliki
Grafik-Designer
Grafik-Designer

Weiblich Beiträge : 101
Anmeldedatum : 16.04.19
[phpBB3] Header anpassen Empty
Google Chrome PunBB

Joost und Kupke mögen diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit Sa 12 Jun 2021 - 13:23

Hallo!

Vielen Dank für diese Codes Smile Ich habe sie mal eingesetzt, allerdings werden dadurch nur die Bilder, also die Links und co innerhalb des blauen Headerbereichs kleiner, das Feld an sich aber nicht. Woran kann das liegen?
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Skouliki Sa 12 Jun 2021 - 14:39

OK

lösche meine Codes
und lösche das auch
Code:

.bfheader1 img {
  max-width: 100%;
}


und füge diese stattdessen hinzu

Code:

.bfheader1 img {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

[phpBB3] Header anpassen Scre2474

[phpBB3] Header anpassen Scre2473

[phpBB3] Header anpassen Scre2475

Skouliki
Skouliki
Grafik-Designer
Grafik-Designer

Weiblich Beiträge : 101
Anmeldedatum : 16.04.19
[phpBB3] Header anpassen Empty
Google Chrome PunBB

TribeSpirit mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von pedxz So 13 Jun 2021 - 15:20

@TribeSpirit schrieb:
@pedxz schrieb:Hallo @TribeSpirit,

Nachdem ich es allerdings in das CSS Sheet eingegeben habe, hat sich nichts für die betroffenen User verändert. Ich habe ebenfalls diese Antwort gefunden: https://hilfe.forumieren.com/t17617-header-verschiedene-monitorauflosungen?highlight=header

Sie verwenden einen benutzerdefinierten Header. Verwenden Sie daher diesen Code:
Code:
.bfheader1 img {
  max-width: 100%;
}

Hallo pedxz!

Danke für den Hinweis mit dem veränderten Code Smile Sollte dieser Code dann auch funktionieren, wenn man vom Handy aus auf die klassische Version zugreift? Ich habe es ausprobiert und aktuell geht es da noch nicht.

Bitte entschuldigen Sie. Benutzen:
Code:
#wrap {
    margin-left: auto;
    margin-right: auto;
    width: 90% !important;
}

.bfheader1 {
    max-width: 100% !important;
}
pedxz
pedxz
Lehrling
Lehrling

Beiträge : 45
Anmeldedatum : 26.01.18
keine

TribeSpirit mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von TribeSpirit Di 15 Jun 2021 - 10:29

Vielen Dank ihr Beiden! Nun hat es besser geklappt Smile
TribeSpirit
TribeSpirit
Lehrling
Lehrling

Beiträge : 14
Anmeldedatum : 06.06.16
keine
Mozilla Firefox phpBB3

pedxz mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [phpBB3] Header anpassen

Beitrag von Skouliki Di 15 Jun 2021 - 11:54

BITTE DIE ZUSÄTZLICHEN HINWEISE DES FORUMS BEFOLGEN!
Ist Deine Frage beantwortet? Dann setze bitte das Themen-Icon Erledigt. Danke
Skouliki
Skouliki
Grafik-Designer
Grafik-Designer

Weiblich Beiträge : 101
Anmeldedatum : 16.04.19
[phpBB3] Header anpassen Empty
Google Chrome PunBB

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten