WebSite X5Help Center

 
Hans-Ueli Flückiger
Hans-Ueli Flückiger
User

Streifen im Header, der sich an den Bildschirm anpasst  de

Autor: Hans-Ueli Flückiger
Visitado 723, Followers 1, Compartido 0  

Leider finde ich Tees X5 Store nicht, der würde mir vielleicht weiterhelfen.

Was muss ich eingeben, damit sich der Streifen in Header (Foto mit fixiertem Text) an den Bildschirm anpasst?

Danke!

Publicado en
10 RESPUESTAS - 1 ÚTIL
Daniel W.
Daniel W.
User

Vielleicht könnte KolAsim einen Javascript-Code liefern, um das Bild an die Breite anzupassen.

Allerdings sollte der Text nicht im Bild sein, sonst wird der Text mit verkleinert.

Leer más
Publicado en de Daniel W.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Entweder unter STruktur des Templates für jeden Breakpoint eine extra Grafik einbinden, oder im Inhalt des Templates ein Bild-Objekt einfügen über die ganze Breite mit dem Bild wo der Text darüber ist, denn hier passt sich das Bild immer an die Breite an.

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Hans-Ueli Flückiger
Leider finde ich Tees X5 Store nicht, der würde mir vielleicht weiterhelfen. Was muss ich eingeben, damit sich der Streifen in Header (Foto mit fixiertem Text) an den Bildschirm anpasst? Danke!

(It > De) ...(...Danke an Daniel für die Nominierung...)...
... wenn Sie den LINK zu Ihrem Beispiel online stellen, könnte es ausgewertet werden ...
...jedenfalls sollten Sie wissen, was Sie von Downsizing halten und was Sie wirklich erreichen wollen...
...responsive Größenänderung hat verschiedene Interpretationen, zwischen der rein rationalen und der CSS-Cover-Variante ...
...normalerweise und ohne Codes ist es in CSS COVER sehr einfach ...
... verwenden Sie eine Zeile voller Breite mit einem Hintergrundbild oder mehr als eine rotierende Zeile, die eine Zelle mit Text enthält ...
... in diesem Fall wird das Hintergrundbild auf die volle Breite angepasst, wobei der mittlere Teil immer in der Mitte der Linie angezeigt wird und die seitlichen Teile, die über das Fenster hinausgehen, abgeschnitten werden ...
......................
... eine andere Sache ist die rationale Größenänderung in voller Breite, und auch in diesem Fall gibt es je nach Ergebnis unterschiedliche Interpretationen und Anwendungen ...
...um eine Vorstellung davon zu bekommen, wie mein EXTRA-Code funktioniert, in diesem von Giancarlo mit meinem Code erstellten Beispiel wurde das Content-Slider-Objekt verwendet, effektiv und sehr einfach zu erhalten:
https://toolsshop.altervista.org/content-slider/responsive.html

................................

... ...hier sehen Sie ein ähnliches Beispiel, jedoch in full-height:
https://toolsshop.altervista.org/content-slider/header-trasp.html

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Hans-Ueli Flückiger
Hans-Ueli Flückiger
User
Autor

Danke KolAsim. Leider bin ich ein "alter" Mann und habe keine Ahnug vom Programmieren. Für mich ist der Rote Text "Content Sleider Object" nur Text und kein Foto, zudem ist es sehr kurz. Wie weiter? Danke und Gruss!

Leer más
Publicado en de Hans-Ueli Flückiger
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

ciao, ... .. das Beispiel bezieht sich auf die Größenänderung des Inhaltsschiebereglers, der mit dem großen Bild ...
...Wenn Sie Ihren LINK posten, könnte ich versuchen, Ihre Situation zu bewerten ...

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Hans-Ueli Flückiger
Hans-Ueli Flückiger
User
Autor

Danke. Ich bin mit der neuen Website noch nicht online, wie kann ich den Link senden?

Ich bin aktuell in Nepal und werde einer jungen Studentin Websitex5 schenken, die einen Webshop eröffnen will. Als Dank darf sie mein Problem lösen, sie wird sich melden.

Ich möchte dieses Bild zentriert, der Text kann auch frei sein.

Vielen Dank und Namaste!

Leer más
Publicado en de Hans-Ueli Flückiger
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

...Es tut mir leid, ohne LINK kann ich nicht bewerten...
...ein Klick genügt, um ein Beispiel zu veröffentlichen...
... Versuchen Sie es trotzdem mit den verfügbaren Hintergrundoptionen:

 Header-Hintergrund  |   Header

... und auch mit Header-Objekten: Bildobjekt oder <img>-Tag im HTML-Codeobjekt...
...
... evtl. ab kommenden Montag die Meinung der Experten und des PERSONALS abwarten...

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Die WEbsite was du oben nennst ist auch eine spezielle mit sehr viel Code verändert um die Fotos im Content Slider responsive zu machen.

Es geht wahrscheinlich um eine neue Version von dieser Website, oder? www.hans-ueli.ch

Leer más
Publicado en de Andreas S.
Hans-Ueli Flückiger
Hans-Ueli Flückiger
User
Autor

Genau, Andreas. Irgendwie habe ich die Daten verloren, resp. ich kann sie mit meinem Daten nicht mehr öffnen. Ich ärgere mich immer, wenn Websites einfach "fertig" sind, wie meine 2018. Ich bin am Arbeiten und hoffe bald eine neue Version hochzuladen. Vielen Dank!

Leer más
Publicado en de Hans-Ueli Flückiger