"Layer" am rechten Bildschirmrand möglich in Mobirise?
"Layer" am rechten Bildschirmrand möglich in Mobirise?
Hallo, gibt es die Möglichkeit in Mobirise einen Layer wie im Screen mit einem Bild oder ICON zu platzieren, der immer im Vordergrund bleibt? Also auch beim Scrollen nach unten immer eine feste Position am Rand hat und sichtbar ist?
- Dateianhänge
-
- screen.jpg (10.53 KiB) 590 mal betrachtet
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
Du, da gibt es Tausend-und-eine Möglichkeit, fast keine sieht am kleinen Handy-Display gut aus, da sie alle viel zu viel Platz in Anspruch nehmen.
Man kann ja mit der CSS-Anweisung:
position: fixed;
... eben jedes Element auch fixieren. Das hat aber eben am Handy eventuell auch Nachteile, weil es meist zu viel Platz beansprucht.
Ich habe da einige Beispiel erstellt - finde sie aber gerade nicht - war vielleicht auch noch in meiner alten Software "NOF".
Hier mal ein Beispiel das fixiert ist, das ich aber als "Flyout" erst bei Mausüber aktiviere:
https://www.mobirise-tutorials.com/Busi ... t-Box.html
Ich bekomme heute Besuch und muss in die Küche. Bin für heute hier weg ...
Man kann ja mit der CSS-Anweisung:
position: fixed;
... eben jedes Element auch fixieren. Das hat aber eben am Handy eventuell auch Nachteile, weil es meist zu viel Platz beansprucht.
Ich habe da einige Beispiel erstellt - finde sie aber gerade nicht - war vielleicht auch noch in meiner alten Software "NOF".
Hier mal ein Beispiel das fixiert ist, das ich aber als "Flyout" erst bei Mausüber aktiviere:
https://www.mobirise-tutorials.com/Busi ... t-Box.html
Ich bekomme heute Besuch und muss in die Küche. Bin für heute hier weg ...
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
Moin,
ich habe jetzt mal ein Beispiel mit einer fixierten Social-Media Sidebar erstellt:
https://www.mobirise-tutorials.com/Tuto ... debar.html
... oder so dann eben mit der Sidebar am rechten Bildschirmrand.
Dort habe ich dann auch noch diese rechte Position in der class="icon-bar" hinzugefügt:
right: 0;
Wie Du die Sidebar am rechten Bildschirmrand hinzufügst, steht aber auch in meinem Tutorial beschrieben.
Hoffe, es kommt dem nahe was Du suchst.
ich habe jetzt mal ein Beispiel mit einer fixierten Social-Media Sidebar erstellt:
https://www.mobirise-tutorials.com/Tuto ... debar.html
... oder so dann eben mit der Sidebar am rechten Bildschirmrand.
Dort habe ich dann auch noch diese rechte Position in der class="icon-bar" hinzugefügt:
right: 0;
Code: Alles auswählen
.icon-bar {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1000;
}
Wie Du die Sidebar am rechten Bildschirmrand hinzufügst, steht aber auch in meinem Tutorial beschrieben.
Hoffe, es kommt dem nahe was Du suchst.
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
Auf jeden Fall! Bin gerade am Testen.
Kann ich die Icons auch durch eigene Bilder ersetzen?
Finde hier leider nichts https://www.mobirise-tutorials.com/Tuto ... debar.html
Grüße
... und wo kann ich das ICON dann in der mobilen Ansicht ausschalten (/* display: none; */)?
Kann ich die Icons auch durch eigene Bilder ersetzen?
Finde hier leider nichts https://www.mobirise-tutorials.com/Tuto ... debar.html
Grüße
... und wo kann ich das ICON dann in der mobilen Ansicht ausschalten (/* display: none; */)?
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
ja - das sollte gehen - aber warum denn? Es gibt x verschiedene Icons dafür in Mobirise.
Dann müsstest Du wahrscheinlich dieses <span> Tag:
mit einem <img> Tag ersetzen, also so ähnlich (nicht getestet):
Dann benötigst Du natürlich etliches aus der CSS von mir nicht, wie das "padding" für die Hintergrundfarbe usw. und bist dann aber auch nicht so flexibel bezüglich der Icongröße.
Das Ausblenden habe ich doch in meinem Tutorial beschrieben, dann also so:
display: none = Anzeige: keine
P.S.:
Ich werde jetzt aber mein Tutorial nicht neu schreiben, nur weil Du anstelle eines Icons nun plötzlich ein Bild willst. Das schaffst Du dann auch alleine - und ich empfehle das dafür auch nicht.
Dann müsstest Du wahrscheinlich dieses <span> Tag:
Code: Alles auswählen
<span class="fa fa-facebook"></span>
Code: Alles auswählen
<img src="https://www.DeineDomain.de/Bildverzeichnis/facebook.jpg" alt="Facebook" width="20" height="20">
Das Ausblenden habe ich doch in meinem Tutorial beschrieben, dann also so:
Code: Alles auswählen
@media (max-width: 767px) {
.icon-bar a {
display: none;
}
}
P.S.:
Ich werde jetzt aber mein Tutorial nicht neu schreiben, nur weil Du anstelle eines Icons nun plötzlich ein Bild willst. Das schaffst Du dann auch alleine - und ich empfehle das dafür auch nicht.
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
Funktioniert alles, wie due es beschrieben hast! Vielen Dank für eine Hilfe!
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
Hi Tommy,
kann man die icon-bar bei der mobilen Ansicht um 50% verkleinern und nicht komplett entfernen?
Grüße
kann man die icon-bar bei der mobilen Ansicht um 50% verkleinern und nicht komplett entfernen?
Code: Alles auswählen
@media (max-width: 767px) {
.icon-bar a {
display: none;
}
}
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
ja klar - das habe ich bei mir so gemacht - also anstatt den Icons eine Breite ("padding") von 2 x 16px / 32px (am Desktop) zu geben, habe ich diese Breite am Handy auf 2 x 8px / 16px (bis zu einer Display-Größe von 767px) verkleinert, so erscheint dann diese Sidebar nur noch halb so breit:
Handy - Ansicht:
Code: Alles auswählen
@media (max-width: 767px) {
.icon-bar a {
padding: 12px 8px;
}
}
Handy - Ansicht:
Re: "Layer" am rechten Bildschirmrand möglich in Mobirise?
... Besten Dank!
Wer ist online?
Mitglieder in diesem Forum: Bing [Bot] und 151 Gäste