WebSite X5Help Center

 
Michael G.
Michael G.
User

Text auf Bild  de

Autor: Michael G.
Visited 368, Followers 1, Udostępniony 0  

Hallo,

wie kann man einen Text direkt auf ein Bild machen?

Bei Bildobjekt habe ich nichts gefunden, dort geht nur über dem Bild und unter dem Bild

Posted on the
9 ODPOWIEDZI - 1 POMOCNY
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca EN

Es gibt da mindestens 3 Möglichkeiten:

1) Am Einfachsten mit einem Bildbearbeitungsprogramm den Text auf das Bild legen.

Ich verwende IrfanView, einfach und kostenlos (für private Nutzung), um meine Screenshots zu beschriften oder Pfeile, Linien, Rechtecke, Ovale u.ä. zu zeichnen.

2) Das Text-Objekt mit einem Hintergrundbild versehen.

Allerdings wird es schwierig bei unterschiedlichen Bildschirmbreiten alle Bildinhalte zu sehen.

3) Dem Text-Objekt über "Zeilenstil" ein Hintergrundbild zuteilen.

Hier muss man zuvor dem Text-Objekt über "Stil" einen transparenten Hintergrund zuweisen. Dann kann man mit Zeilenstil" ein Hinergrunbild zuweisen und dort mit "an Fenster anpassen" dafür sorgen, dasss zumindest die ganze Bildbreite sehen.

Bei 2) und 3) muss man über und unter dem Text im Text-Objekt mit Leerzeilen den Platz vergrößern, damit mehr vom Hintergrundbild zu sehen ist.

Vielleicht haben die Javascript-Experte noch einige Tricks.

Im Screenshot unten ein Test mit Möglichkeit 3.

.

----- Screenshot -----

Czytaj więcej
Posted on the from Daniel W.
Michael G.
Michael G.
User
Autor

Super danke Daniel

Czytaj więcej
Posted on the from Michael G.
Michael G.
Michael G.
User
Autor

Es gibt trotzdem ein Problem. Ich habe Punkt 3 gemacht und das funktioniert, aber bei den kleineren Auflösung verschiebt sich nicht die Schrift.  siehe Bild

Czytaj więcej
Posted on the from Michael G.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Das müssten wir Online sehen!  Aber wieso nimmst du nicht ein Titel-Objekt? Das kann man responsiv einstellen bzw. der Text passt sich an.

Czytaj więcej
Posted on the from Andreas S.
Michael G.
Michael G.
User
Autor

Nun habe ich das mal mit dem Titel Objet versucht.

2 kleinere Auflösung sind zufriedenstellend, aber bei der ganz kleinen Smartphone erkennt man keinen Text mehr

Also ist auch das nicht so toll

Czytaj więcej
Posted on the from Michael G.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca EN

Ich habe kein Smartphone zum Testen, nur die Simulation in Firefox, siehe 2 Screenshot unten

Und hier ein Test mit Möglichkeit 3) und einem langen Text im Text-Objekt, siehe

Testseit >> https://findelinks.de/123test-aufklappmenue/page-2.html

.

----- Smartphone-Simulation Hochformat -----

----- Smartphone-Simulation Querformat -----

Czytaj więcej
Posted on the from Daniel W.
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Wenn sehr viel Text ist muss man eben 2 oder 3 Titelobjekte nehmen und die Texte teilen!  Im Zeilenhintergrund kann man die Zeilen dann verbinden, dass es nur ein Bild benötigt.

Czytaj więcej
Posted on the from Andreas S.
Michael G.
Michael G.
User
Autor

Das ist nur ein Wort. Ist ja komisch das es bei euch funktioniert.

Naja ich probiere mal weiter. Danke euch allen für die Tipps

Czytaj więcej
Posted on the from Michael G.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca EN

Hier mal die Screenshot dazu, es sind nur 3 Schritte, vielleicht wird es verständlicher.

----- 1) Text zentriert im Text-Objekt -----

----- 2) Im Raster bei markiertem Text-Objekt links oben auf "Stil" klicken ... -----

        ... und Hintergrundfarbe auf transparent

----- 3) Im Raster oben auf "Zeilenstil" klicken und für das Text-Objekt ein Bild als Hintergrund -----

Czytaj więcej
Posted on the from Daniel W.