Hintergrundbild soll im Zeilenstil bei Responsive stufenlos verkleinert werden
Author: Siegbert G.
Visited 883,
Followers 1,
Shared 0
Ich habe vor kurzem hier im Forum einen Beitrag gelesen wie im Zeilenstil erreicht wird, dass ein Hintergrundbild sich bei Responsive stufenlos verkleinert.
Vielleicht funktioniert dies auch im Header.
Es waren auch Abbildungen von Zeilenstil1, Zeilenstil2 und Zeilenstil3 dabei.
Leider bin ich mit dieser Beschreibung, die ich nicht mehr finde, nicht klar gekommen.
Ich habe die Homepage des Anwenders gesucht und nicht gefunden.
Es war in der Kopfzeile ein Ort mit einer Kirche, ich glaube in Österreich Tirol, abgebildet.
Freue mich wenn sich der Anwender hier meldet und eine Schritt für Schritt Anleitung einstellt.
Wenn es garnicht funktioniert, dann würde ich mich auf einen telefonischen Kontakt freuen.
Gruß
Siegbert
Posted on the
(It > De) ... schauen Sie sich in der Zwischenzeit die Seite an, die Sie hier finden, wo mein Code angewendet wurde, auch wenn keine Bestätigung gegeben wurde:
https://helpcenter.websitex5.com/en/post/252167
.
ciao
.
Author
Hallo KolAsim,
vielen Dank für den schnellen Tip.
Funktioniert super!
Kann dies auch im Zeilenstil eingestellt werden?
Gruß
Siegbert
Author
Ich habe in der Zwischenzeit die Seite gefunden. Es war Cooki G.
Author
(It De) ... Hallo, ...leider weiß ich nicht, wo die von Ihnen angegebene Seite zu finden ist...!...
... relativ zu Ihrer vorherigen Frage, ... ja, ... es gibt zwei Möglichkeiten...
1) ... mit dem ersten Weg erhalten Sie die gleiche Wirkung wie das Thema, das ich Ihnen angezeigt hatte;
... in der Praxis fügen Sie in die auf die volle Breite verlängerte Zeile ein Hintergrundbild ein, und als Objekt in der Zeile fügen Sie ein einzelnes HTML-Objekt ein, beispielsweise 300 Pixel hoch...
... die Linie behält die gleiche Höhe und das Bild passt im CSS-COVER-Modus auf die Breite des Fensters
2) ... mit der zweiten Methode wird die rationale Größenänderung des Bildes erreicht;
... in der Praxis platzieren Sie in der auf die volle Breite erweiterten Linie ein einzelnes Bild mit einem einzelnen Bildobjekt, das auf die gesamte Breite der Linie erweitert ist...
.
ciao
.
Author
Hallo KolAsim,
vielen Dank für die Erklärung. Was ist eine volle Breite erweiterte Linie? Da fehlt mir noch etwas der Durchblick.
Ich werde es in den nächsten Tagen testen.
Gruß
Siegbert
...... ciao ...
>> Auf die Breite des Browserfensters erweitern
.
Author
Hallo KolAsim,
vielen Dank.
Wusste garnicht, dass es so einfach ist.
Ich dachte, dass man mehrer Bilder überlagern muss.
Jetzt fehlt mir nur noch die Einstellung für den Headerhintergrund
Gruß
Siegbert
ciao, ... ... Sie müssen das Hintergrundbild in den HEADER einfügen;
... dann müssen Sie meinen Code anwenden, den ich im ursprünglichen Thema angegeben hatte, praktisch diesen:
<style>
#imHeader {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
... kopieren Sie den Code und fügen Sie ihn in diesen Abschnitt ein:
>> Schritt 3 - Sitemap > 'Eigenschaften der Seite' Fenster > Funktionen im Bereich Erweitert | ▪Benutzerdefinierter Code: > 3.(dritte) Option > Vor dem </HEAD> Tag.
.
ciao
.
Author
Das habe ich gemacht und funktioniert auch.
Eigentlich wollte ich das Bild im Headerhintergrund und den Header mit einer transparenten Fläche, wo ich dann den Menüinhalt draufstelle und das Bild von hinten durchscheint. War nur so eine Idee.
Ich habe nun einiges ausprobiert und es funktioniert auch, wenn ich die transparente Fläche im Inhalt des Templates verwende und mit Ebenen arbeite.
Eine Frage habe ich noch, die ich hier im Forum gestellt habe und noch keine Antwort erhielt.
Da du Spezialist bist, kannst du mir bestimmt einen Tipp geben.
Kann beim Blog in den Kommentaren das Wort Rezension zu Kommentar abgeändert werden?
Kann die Kommentarfunktion bei verschieden Beiträgen abgestellt werden?
Vielleicht sind meine Anforderungen zu hoch weil ich eine Zeitlang mit Gutenberg gearbeitet habe.
Gruß
Siegbert
Wo genau steht bei dir "Rezesion" ? Steht das Wort unter den Sternen?
Es kann sein, dass ich das schon mal bei mir geändert habe und deshalb das Wort in der "Sprache der Website" jetzt nicht mehr finde! Aber schau mal unter 1 Allg, Informationen wenn du bei der Sprache der Website nach der ID "Comments_and_Ratings_Add_Reviews" suchst!
Author
Hallo Andreas,
super, hier ist die Möglichkeit Texte zu ändern.
Zur Frage 2: Ich habe unter Blogeinstellung das Kästchen gefunden wo die Kommentarfunktion für den einzelnen Beitrag abgestellt werden kann.
Wenn du es gefunden hast, dann ist es ja O.K.!
... Ich verstehe, dass jetzt alles in Ordnung ist ...
... bei anderen Fragen wäre es besser, neue Themen zu eröffnen ...
.
ciao
.