Schrift in den Hintergrund?!

kaijulian schrieb am 27.03.2013 um 20:35 Uhr

Hallo!

Ich würde gerne wissen, wie ich in den Hintergrund (also den Browserhintergrund) Text machen kann. Ich habe es schon ausprobiert, indem ich ein PNG Bild mit Text darauf erstellt habe und es in den Hintergrund der Seite gezogen habe, doch der Text ist dann immer da, wo er nicht hin soll.

Gibt es nicht eine einfache Methode mit dem Textwerkzeug Schrift in den Hintergrund zu packen?

 

Danke!

Kommentare

BeRo schrieb am 27.03.2013 um 22:23 Uhr

[...] Gibt es nicht eine einfache Methode mit dem Textwerkzeug Schrift in den Hintergrund zu packen? [...]

AFAIK nein.

Du kannst aber problemlos ein Bild in den Hintergrund stellen, das nichts anderes zeigt, als die Schrift, die Du sehen möchtest.

Zu dem Thema "Hintergrundbild" findest Du im Forum etliche Threads, in denen ganz unterschiedliche Lösungen präsentiert wurden.

  • Hier, ein durchgehender Hintergrund mit einem farbigen Balken im oberen Drittel. Da könntest Du den Seiteninhalt (Text) leicht selbst zum (pseudo) Hintergrund machen...
  • Hier, ein formatfüllendes Hintergrundbild (das auch ein Textbild sein könnte)
  • Hier, ein Hintergrundbild in Browserbreite, vor einem halbtransparenten Seiteninhalt, in der Variante "Seite in Seite"
  • und noch viele andere über die Suchfunktion

Gerne viel Erfolg und ein paar schöne Ostertage

Zuletzt geändert von BeRo am 27.03.2013, 22:23, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

kaijulian schrieb am 28.03.2013 um 10:19 Uhr

[...] Gibt es nicht eine einfache Methode mit dem Textwerkzeug Schrift in den Hintergrund zu packen? [...]

AFAIK nein.

Du kannst aber problemlos ein Bild in den Hintergrund stellen, das nichts anderes zeigt, als die Schrift, die Du sehen möchtest.

Zu dem Thema "Hintergrundbild" findest Du im Forum etliche Threads, in denen ganz unterschiedliche Lösungen präsentiert wurden.

  • Hier, ein durchgehender Hintergrund mit einem farbigen Balken im oberen Drittel. Da könntest Du den Seiteninhalt (Text) leicht selbst zum (pseudo) Hintergrund machen...
  • Hier, ein formatfüllendes Hintergrundbild (das auch ein Textbild sein könnte)
  • Hier, ein Hintergrundbild in Browserbreite, vor einem halbtransparenten Seiteninhalt, in der Variante "Seite in Seite"
  • und noch viele andere über die Suchfunktion

Gerne viel Erfolg und ein paar schöne Ostertage

Danke erstmal! Ich habe mir die Dateien heruntergeladen und die Bilddatei vom Hintergrund so verändert, wie ich es haben wollte. Nur irgendwie schaffe ich es nicht, dass der Hintergrund so aussieht, wie in der HTML Datei, die dabei war. Bei mir "kachelt" sich der Hintergrund dann immer und das sieht hinterher ziemlich merkwürdig aus. Mache ich da etwas falsch? Ich muss doch einfach das Hitergrundbild mit gedrückter Strg Taste in den Hintergrund ziehen oder?

BeRo schrieb am 28.03.2013 um 13:01 Uhr

[...] Ich muss doch einfach das Hitergrundbild mit gedrückter Strg Taste in den Hintergrund ziehen oder? [...]

Richtig. Das geht. Besser wäre es allerdings, wenn Du das Hintergrundbild mit dem in den verlinkten Threads angegebenen CSS Code einbindest, z. B. den hier.

Wenn das Hintergrundbild kleiner ist als ein "normaler" Bildschirm- oder auch kleiner als das aufgezogene Browser Fenster, dann kachelt der WD das Bild automatisch, um den kompletten Hintergrund auszufüllen (im CSS Code habe ich das mit der Zeile
background-repeat: no-repeat;
unterbunden).

Wie in den diversen, verlinkten Threads schon gesagt, musst Du Dich für eine Bildgröße entscheiden. Ein brauchbarer Mindestwert wäre z. B. 1024 x 768px, weil damit ein Großteil der im Einsatz befindlichen Monitore abgedeckt werden kann.

Besser wäre eine Bildgröße in WUXGA Auflösung, was einer Größe von 1920 x 1200px entspricht. Viele moderne Monitore haben bereits diese Größe...

In jedem Fall solltest Du bedenken, dass große Bilder, die eventuell sogar in hoher Auflösung gespeichert werden, lange Ladezeiten mit sich bringen können. Hier ist also ein bisschen Fingerspitzengefühl- und Bildbearbeitung angesagt...

Viel Erfolg

Zuletzt geändert von BeRo am 28.03.2013, 14:24, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

kaijulian schrieb am 28.03.2013 um 21:38 Uhr

[...] Ich muss doch einfach das Hitergrundbild mit gedrückter Strg Taste in den Hintergrund ziehen oder? [...]

Richtig. Das geht. Besser wäre es allerdings, wenn Du das Hintergrundbild mit dem in den verlinkten Threads angegebenen CSS Code einbindest, z. B. den hier.

Wenn das Hintergrundbild kleiner ist als ein "normaler" Bildschirm- oder auch kleiner als das aufgezogene Browser Fenster, dann kachelt der WD das Bild automatisch, um den kompletten Hintergrund auszufüllen (im CSS Code habe ich das mit der Zeile
background-repeat: no-repeat;
unterbunden).

Wie in den diversen, verlinkten Threads schon gesagt, musst Du Dich für eine Bildgröße entscheiden. Ein brauchbarer Mindestwert wäre z. B. 1024 x 768px, weil damit ein Großteil der im Einsatz befindlichen Monitore abgedeckt werden kann.

Besser wäre eine Bildgröße in WUXGA Auflösung, was einer Größe von 1920 x 1200px entspricht. Viele moderne Monitore haben bereits diese Größe...

In jedem Fall solltest Du bedenken, dass große Bilder, die eventuell sogar in hoher Auflösung gespeichert werden, lange Ladezeiten mit sich bringen können. Hier ist also ein bisschen Fingerspitzengefühl- und Bildbearbeitung angesagt...

Viel Erfolg

Vielen Danke, hat geklappt!