Das Einzige, was jetzt noch von unserem benutzerdefinierten Foren-Header fehlt, ist der Teil, der tatsächlich „Foren“ sagt!
Nick illustrierte eine Hand, die ein Schild hielt, das für diesen Bereich gedacht war. Wir entfernen den dort vorhandenen Text (kein großer Fan von Impact) und ersetzen ihn durch etwas Handgeschriebeneres, was meiner Meinung nach besser zur Website passt.
Genauso wie wir die Leute vom benutzerdefinierten Galerie-Header über Pseudo-Elemente hinzugefügt haben, fügen wir dieses Schild auf die gleiche Weise hinzu. Wir zentrieren es mit dem alten Trick mit left: 50%; und margin-left der halben Breite.
Wir schließen ab, indem wir die background-position der Kopf-Grafik mit einem negativen Prozentsatz einstellen, damit sie sich beim Ändern der Bildschirmgröße in die entgegengesetzte Richtung bewegt.
Mir ist aufgefallen, dass das Schild im Foren-Header 300 DPI hatte. Ich weiß, dass wir immer 72 verwenden sollten, aber wissen Sie, ob die Dateigröße von einer höheren Auflösung wie 300 beeinflusst wird?
Ich bin ziemlich sicher, dass "Für Web und Geräte speichern" jedes Bild in 72 DPI umwandelt.
Da Sie Photoshop ausdrücklich bitten, eine Version für das Web zu erstellen, sagen Sie ausdrücklich, dass sie niemals mehr als 72 DPI benötigen wird.
Ich mag dieses Header-Design besser als das neueste Foren-Header.