Streifen im Header, der sich an den Bildschirm anpasst
Auteur : Hans-Ueli Flückiger
Visité 720,
Followers 1,
Partagé 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!
Posté le
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.
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.
(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
.
Auteur
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!
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
.
Auteur
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!
Auteur
Ich habe gerade https://www.giancafoto.it/ gefunden. Vielleicht muss ich umdenken und so etwas machen. Eine sehr schöne Website!!!
...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
.
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
Auteur
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!