Website X5 + Text erscheint erst beim Scrollen der Seite - am unteren Bildschirm 
Autor: Georg K.
Besucht 231,
Followers 2,
Geteilt 0
Liebes Team,
An dieser Beispielseite funktioniert das perfekt:
https://nature-spa-resort.hotel-quelle.com/de/natururlaub
Unten nach den Scrollen der Seite erscheint:
Unverbindlich Anfragen
Ab € 219,-- pro Person
Zum garantiert besten Preis! (in ROT)
+ Bewertungstext kurz
Ich möchte auf meiner Seite
www.drei-zinnen.at
das genauso haben.
Meine Fragen sind:
Website X5 + Text erscheint erst beim Scrollen der Seite - am unteren Bildschirmrand - wie geht das?
Was muss ich da wo tun?
Dankeschön im Voraus.
Liebe Grüße
Georg Köck
Gepostet am
Autor
Hier das Bild zum Text:
Website X5 + Text erscheint erst beim Scrollen der Seite - am unteren Bildschirmrand - wie geht das.jpg.
Auf der Homepage:
https://nature-spa-resort.hotel-quelle.com/de/natururlaub
erscheint
der Text erst beim Seite hinunterscrollen - und er erscheint dann bei jeder Seite.
Wie geht das?
Hier sind wohl die CSS- und Javascript-Experten gefragt.
Ein Test mit KI-generiertem Code war nicht erfolgreich, vielleicht war meine Frage falsch gestellt.
Man kann es über die Stickybar lösen, wobei des ja oben erscheinet. Allerdings sobald man ganz unten das Formular erreicht, verwindet die Zeile wieder. Die Stickybar würde aber bleiben.
Ein Objekt kann man auch fixieren am unteren Rand (per CSS-code) allerdings würde es sofort erscheinen und unten auch bleiben.
Aber alles würde individueller Code bedeuten. Ein Plugin oder Standardcode hilft hier nicht.
Hello George,
depending on what exactly you would like to place in this bar, you could also consider the object Sticky Button, which unlike the Sticky Bar function, which is only shown at the top, can be placed at the bottom of the pages.
I remain available.
Online translation:
Hallo George,
je nachdem, was Sie genau in dieser Leiste platzieren möchten, könnten Sie auch das Objekt Sticky Button in Betracht ziehen. Im Gegensatz zur Funktion Sticky Bar, die nur oben angezeigt wird, kann dieses am unteren Rand der Seiten platziert werden.
Ich stehe Ihnen weiterhin zur Verfügung.
(It > De) ... ...Platziere in der letzten Zelle der letzten Zeile ein Tabellenobjekt mit dem benötigten Inhalt und erweitere es auf die volle Breite....
...Stelle den LINK zu diesem Beispiel online...
...Dann werte ich meinen EXTRA-Code aus, um die Tabelle in einem DIV_CUSTOM zu positionieren, das 200 Pixel vom OBEN und innerhalb von 200 Pixeln vom unteren Rand der Seite sichtbar ist...
...Anstelle der Tabelle kannst du ein Textobjekt oder andere Objekte wie ein Bild oder eine Diashow verwenden...
...Wenn ich den LINK zum Beispiel online sehe, komme ich hierher zurück...
.
ciao
.
Autor
Liebes Team,
Dankeschön allen für die tolle Unterstützung bisher.
Ich habe mich jetzt mal für den Vorschlag von KolAsim Moderator entschieden...
Ich hab jetzt auf der Seite
Im Tal des Schweigens - Drehort - Villgratental
https://drei-zinnen.at/im-tal-des-schweigens-drehort-villgratental.html
ganz unten als Tabelle:
Appartment ab 500,-- € pro Woche BUCHEN ANFRAGEN
vorbereitet ... für die Programmierung
Mein Wunsch:
1. Text erscheint erst beim Scrollen der Seite - am unteren Bildschirmrand.
2. Ich würde das dann bei allen Seiten der Homepage so machen.
3. Website X5 finde ich genial.
Mein Vorschlag:
Vielleicht ist es irgendwann möglich so ein "Tool" um zB 20 Credits zur Verfügung zu stellen?
Dankeschön im Voraus.
Liebe Grüße
Georg Köck
... OK... Sie haben meine Anweisungen richtig befolgt...
... Sie können den Code für meine Erfindung mit EXTRA-Code an einer dieser beiden Stellen einfügen:
!°) – in Schritt 3 | Seiteneigenschaften | Expertencode | Vor dem schließenden /HEAD-Tag...
2°) – oder, wenn Sie es vorziehen, direkt in ein nicht-invasives HTML-Code-Objekt, zum Beispiel 1 Pixel hoch...
...
.
...hier ist mein Code für Ihre aktuelle LINK-Seite:
<script>
/** -- barra condizionata x WSx5 by KolAsim -- **/
$(document).ready(function () {/*K>*/
objectK = "#imCell_10";
styleK = ' <style> #divcondizionatoK { position: fixed; left: 0; bottom: 0; width: 100%; background-color: white;text-align: center; height: auto; z-index: 100; display: none;} #divcondizionatoK.visible { display: block; } table {word-break:break-word;width:100% !important;} </style>'; $("head").append(styleK); divCondizionatoK = ' <div id="divcondizionatoK"></div>'; $("body").append(divCondizionatoK); SopraSottoK = 100;/** -- fK --**/ function toggleDivCondizionato() {/*K1>;*/ var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); var distanceFromBottom = documentHeight - (scrollTop + windowHeight); if (scrollTop > SopraSottoK && distanceFromBottom > SopraSottoK) {/*K2>;*/ $('#divcondizionatoK').addClass('visible'); } else { $('#divcondizionatoK').removeClass('visible'); }/*K2<<;*/ }/*K1>;*/ $(window).on('scroll resize load', toggleDivCondizionato);/*K3>|<<;*/ $(objectK + " table").css("width","100%");$(objectK+" div").css("overflow","hidden"); $(objectK).appendTo("#divcondizionatoK") });/*K<<*/
</script>
... ... ... ... ...
.
ciao
.