Headergrafik - Dateiformat in *.JPG oder *.PNG ändern?

[aquadraht]

Hallo zusammen,

ich habe eine andere Header-Grafik durch Austauschen der bg_header.gif und Anpassung an die neuen Abmessungen in den Header meines Forums eingefügt. Das Dateiformat ist ja default-mäßig *.gif. Ich würde aber lieber das Dateiformat *.jpg oder *.png verwenden, um so die derzeitige Bildgröße von noch immer ca. 300kb deutlich reduzieren zu können (die JPG-Version meiner Header-Grafik hat nur ca. 45kb).

Ist es überhaupt grundsätzlich möglich, in diesem Fall ein anderes Dateiformat zu verwenden (ohne dabei irgendeine Fehlfunktion des Forums zu verursachen)?

Wenn ja, würde es ausreichen/möglich sein, beispielweise eine bg_header.jpg per FTP hochzuladen und alle in Frage kommenden Dateien (ich habe sie im Moment nicht vor Augen bzw. auf dem Rechner, tippe aber mal wenigstens auf die overall_header.html und die common.css) entsprechend anzupassen, ebenfalls hochzuladen und danach natürlich dann wie üblich zu "... aktualiseren + Cache löschen ..." ... ?

Gruß+Dank
aqua-draht

[PatrickS3]

Anderer Ansatz:

Du hast ein 300kb grosses .gif File?

Schonmal versucht beim speichern der Grafik aus dem Bildbearbeitungsprogramm heraus etwas zu optimieren?

[DeepSurfer]

Lade Dein BILD.jpg in /forumpfad/styles/STYLENAME/imageset/ hinauf (name wie Du willst), dann im ACP --> Styles ==> Grafiksammlung ==> Stylename, dort auf Ändern.

Es erscheint im Normalfall schon das Logo (Zentrales Logo), dort kannst Du nun im Pulldownmenü dein BILD.jpg auswählen, darunter am besten die Grössen Angabe speichern auf JA, dann kannst Du die Abmasse des Logos manuell eintragen.

fertig.
Das Logo ist nicht auf *gif beschränkt.

[ externes Bild ]

[aquadraht]

Moin,

Anderer Ansatz:

Du hast ein 300kb grosses .gif File?

Schonmal versucht beim speichern der Grafik aus dem Bildbearbeitungsprogramm heraus etwas zu optimieren?

... natürlich, aber die Grafik ist 250px hoch und 1600px breit, um (fast) alle Bildschirmauflösungen abdecken zu können, kann nicht gekachelt werden (allenfalls geteilt), mehr Optimierung ist m. E. mit meinem Grafik-Programm bei einer *.GIF nicht drin ...

Lade Dein BILD.jpg in /forumpfad/styles/STYLENAME/imageset/ hinauf (name wie Du willst), dann im ACP --> Styles ==> Grafiksammlung ==> Stylename, dort auf Ändern.

Es erscheint im Normalfall schon das Logo (Zentrales Logo), dort kannst Du nun im Pulldownmenü dein BILD.jpg auswählen, darunter am besten die Grössen Angabe speichern auf JA, dann kannst Du die Abmasse des Logos manuell eintragen.

fertig.
Das Logo ist nicht auf *gif beschränkt.

... Danke, werde ich nachher versuchen ...

[aquadraht]

Es erscheint im Normalfall schon das Logo (Zentrales Logo), dort kannst Du nun im Pulldownmenü dein BILD.jpg auswählen ... Das Logo ist nicht auf *gif beschränkt.

... ähhm ... jetzt sehe ich erst, dass Du "Logo" geschrieben hast?!?!? Mir geht es aber nicht um die site_logo.gif, sondern um die bg_header.gif ... und das funktioniert auch???

Grübelnde Grüße
aqua-draht

[DeepSurfer]

Nachdem ich Dein Fragetext nochmal gelesen habe, sticht mir der Hinweis "bg_header.gif" auch ins Auge..hab mich nur auf Header-Grafik eingeschossen.

Nungut, dann geht das so nicht !
Dein Vorhaben wird in der CSS Datei Definiert, dort kannst du selbstverständlich auch ein *.jpg Datei nutzen (eintragen).

Muss nur noch gerade die richtige Stelle suchen, bzw. welchen Style nutzt Du denn ?

• htdocs/englforum/styles/STYLENAME/theme
  $ grep -n 'bg_header.gif' *
  colours.css:52: background-image: url("{T_THEME_PATH}/images/bg_header.gif");
  colours.css:67: background-image: url("{T_THEME_PATH}/images/bg_header.gif");

Also einfach dein BILD.jpg (name nach deiner wahl) in das /forumpfad/styles/STYLENAME/theme/images/ hoch laden und die colours.css editieren.

PS: nach Abschluss der Arbeiten im ACP den Foren-Cache leeren lassen

[aquadraht]

Moin,

Nachdem ich Dein Fragetext nochmal gelesen habe, sticht mir der Hinweis "bg_header.gif" auch ins Auge..hab mich nur auf Header-Grafik eingeschossen.

Nungut, dann geht das so nicht !
Dein Vorhaben wird in der CSS Datei Definiert, dort kannst du selbstverständlich auch ein *.jpg Datei nutzen (eintragen).

Muss nur noch gerade die richtige Stelle suchen, bzw. welchen Style nutzt Du denn ?

• htdocs/englforum/styles/STYLENAME/theme
  $ grep -n 'bg_header.gif' *
  colours.css:52: background-image: url("{T_THEME_PATH}/images/bg_header.gif");
  colours.css:67: background-image: url("{T_THEME_PATH}/images/bg_header.gif");

Also einfach dein BILD.jpg (name nach deiner wahl) in das /forumpfad/styles/STYLENAME/theme/images/ hoch laden und die colours.css editieren.

PS: nach Abschluss der Arbeiten im ACP den Foren-Cache leeren lassen

...also ich habe eine Datei bg_header.jpg in das Verzeichnis Images hochgeladen, die Datei colours.css editiert und wie folgt geändert:

Code: Alles auswählen

.headerbar {
        background-color: #7C8891;
        background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
        color: #FFFFFF;
        height: 250px;
}

danach Themes, Templates und Grafiksammlung aktualisiert und den Cache geleert, aber das hat nicht gereicht: die JPG-Datei wird nicht angezeigt. Muss noch eine .CSS edidiert und angepasst werden? Die common.css habe ich durchsucht und die overall_header.html auch - Fehlanzeige.

Was kommt sonst noch in Frage?

Gruß+Dank
aquadraht

P.S. Mein Style ist Prosilver Special Edition ..., meine MODs s. Signatur ...

[DeepSurfer]

ich bau das gerade mal nach

Also bei mir funktioniert es, ich habe nur nicht die Style Grösse (gesamt grösse auf %) geändert aber das Ergebnis ist im grunde das selbe
[ externes Bild ]
Das BG-Bild ist 1600x250 gross und ein jpg.

Habe nur die selbe Zeile geändert die Du auch hier gepostet hast.

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/testheader.jpg");
	color: #FFFFFF;
}

Drei Dinge habe ich aber gemacht:
- im ACP --> Styles ==> Theme ===> theme-stylename auf Aktualisieren geklickt
- im ACP den Foren-Cache geleert
- was ich durch den localhost noch zusätzlich gemacht habe ist den Cache im Browser geleert.

[PatrickS3]

Moin,



...also ich habe eine Datei bg_header.jpg in das Verzeichnis Images hochgeladen, die Datei colours.css editiert und wie folgt geändert:

Code: Alles auswählen

.headerbar {
        background-color: #7C8891;
        background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
        color: #FFFFFF;
        height: 250px;
}

Hast Du das richtige images Verzeichnis genutzt?

[aquadraht]

Moin zusammen,

...Hast Du das richtige images Verzeichnis genutzt?

... 'türlich, 'türlich, (s. o.), trotzdem Danke für den Hinweis - manchmal scheitert man ja auch an solchen Kleinigkeiten ...

ich bau das gerade mal nach

Also bei mir funktioniert es, ich habe nur nicht die Style Grösse (gesamt grösse auf %) geändert aber das Ergebnis ist im grunde das selbe
[ externes Bild ]
Das BG-Bild ist 1600x250 gross und ein jpg.

Habe nur die selbe Zeile geändert die Du auch hier gepostet hast.

Code: Alles auswählen

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/testheader.jpg");
	color: #FFFFFF;
}

Drei Dinge habe ich aber gemacht:
- im ACP --> Styles ==> Theme ===> theme-stylename auf Aktualisieren geklickt
- im ACP den Foren-Cache geleert
- was ich durch den localhost noch zusätzlich gemacht habe ist den Cache im Browser geleert.

... also ich habe Deinen Lösungsansatz wiederholt ...
- Upload der bg_header.jpg in /forumpfad/styles/STYLENAME/theme/images/)
- Änderung der colours.css und Upload in /forumpfad/styles/STYLENAME/theme/
- im ACP > Styles > Theme >theme >stylename = Aktualisieren
- im ACP den Foren-Cache geleert
... dann habe ich *NEU* Deiner Empfehlung folgend den Cache des Browsers geleert und dann das Forum aufgerufen ---> Rechtsklick > Grafikeigenschaften > bg_header.gif
- dann habe ich mit ALT+F5 ein Reload der Seite erzwungen ---> weiße Seite mit Text (nicht vollständig gelesen) und einem Link auf die bg_header.jpg = angeklickt
- Seitenaufbau des Forums, erneut ALT+F5 gedrückt ---> Rechtsklick > Grafikeigenschaften > bg_header.jpg

Es hat also letztendlich funktioniert, aber so eine weiße Seite habe ich vorher noch nie gesehen ...

Vielen Dank für die Unterstützung!
aqua-draht