Seite 1 von 2

[3.2] Neuling hat Frage zum Headerlogo

Verfasst: 12.04.2017 12:13
von shadows3
Hallo Jungs,

komme von der Wbb Schiene und möchte dem phpbb ne chance geben :)

Installation hat bisher sehr gut geklappt nun möchte ich oben den Header anpassen. Soll heißen ich möchte ein Bild mit den Maßen 1120 x 250 pixel als Headerbild einbinden.

Dazu habe ich folgende Frage an euch:

1. wie bekomme ich das Bild in den Header
2. was muss man machen damit das Suchfeld und der Forumsname weiterhin im dem neuen Header Bild liegen bzw. wo kann ich die positionen einstellen?
3.Thema responsive ( Media only ) wie und wo und vorallem was muss ich einstellen damit mein vorhaben klappt?

Danke für eure Hilfe

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 12.04.2017 14:28
von Kirk
Hallo
Bei prosilver ist in der colours.css bei .site_logo { der Pfad zum logo eingetragen, die Maße änderst du in der common.css.

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 13.04.2017 18:52
von shadows3
Hi Udo,

erstmal Danke für deine Antwort. Ich müsste dann nur noch wissen welche Maße ich in der Common.css eintragen muss, damit der Banner sich auch bei Responsive Geräten anpasst.

Könntest du mir da evtl. auch behilflich sein?

Das "Suchfeld und der der Boardname" verschieben sich jedoch wenn ich das so mache wie du beschrieben hast. Wie kann man das verhindern? Suchfeld und Boardname sollen trotz neuem Banner an der alten Stelle bleiben.

DANKE AN EUCH/DICH

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 13.04.2017 20:44
von vfrblue
Welchen Browser verwendest du? Wenn Google Chrome, dann die F12-Taste drücken, beim FF das Add-On "FireBug" installieren.
Das sind nützliche Helfer-Tools bei den Einstellungen.

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 13.04.2017 20:49
von Dr.Death
Um nicht dauernd alles zu wiederholen.... die Lösung findest Du hier:

viewtopic.php?f=153&t=238945

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 13.04.2017 20:51
von Kirk
Um das Banner auch für kleinere Auflösungen sichtbar zu machen könntest du diese Erweiterung nutzen.
Je nach Style müsste man es evtl. etwas anpassen.

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 16.04.2017 18:04
von shadows3
erstmal vielen Dank für eure Hilfe.

ich habe nun die

colours und common.css angepasst würde soweit passen nur wenn ich jetzt wie von euch gesagt mit Chrome und F12 Taste die Vorschau für IPAD anschaue bleibt das Bild in der gleichen größe wie auf dem Desktop ( 1120px ) bei allen anderen Geräten wie Iphone macht er das Bild eh weg was auch ok wäre.

könnte Ihr mir sagen was ich wo eingeben muss das sich das Bild beim Ipad automatisch an die größe anpasst?

habe bereits in der common und colours das mal angefügt:

height: auto;
max-width: 100%;

hat aber nix gebracht.

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 16.04.2017 18:18
von Melmac
Hi,

wie wäre es mit einem Link zu Deinem Board, damit man auch mal sehen kann, was Du gemacht hast?

btw: Hast Du auch dies hier gelesen:
Kirk hat geschrieben:Um das Banner auch für kleinere Auflösungen sichtbar zu machen könntest du diese Erweiterung nutzen.
Je nach Style müsste man es evtl. etwas anpassen.

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 16.04.2017 18:19
von shadows3
www.q8-forum.de

wäre spitze wenn ihr mir helfen könntet

Re: [3.2] Neuling hat Frage zum Headerlogo

Verfasst: 16.04.2017 18:44
von Melmac
Verwende einfach die Extension, die Kirk Dir verlinkt hat :wink:
  • Extension runterladen, ins ext-Verzeichnis auf dem Server hochladen aber noch nicht aktivieren/installieren
  • Deine Grafik im Verzeichnis /styles/prosilver/theme/images/ unter dem Namen site_logo.jpg speichern
  • öffne /ext/kirk/site_logo_responsive/styles/testsilver02/template/event/overall_header_headerbar_after.html
    suche in der Zeile 3 nach

    Code: Alles auswählen

    <img src="{T_THEME_PATH}/images/site_logo.gif"
    und ersetze dies durch

    Code: Alles auswählen

    <img src="{T_THEME_PATH}/images/site_logo.jpg"
    da Deine Grafik ja nicht als GIF sondern als JPEG vorliegt
  • jetzt die Ext im ACP auch fertig installieren / aktivieren und konfigurieren
  • sicherheitshalber alle Caches leeren
Ergebnis => [ externes Bild ]