Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise-Tab Slideout
#16
Danke dir.
Falls du dein Fotoshooting in Playa del Ingles haben solltest
und du auch noch Zeit hast, gehe (fahre) mal zur La Sandia. (Nicht weit weg ist das Jumbo)
Vor Kopf (neben dem Supermarkt) ist das größte Lokal. Bei Esteban.
Dann kannste entweder Esteban oder auch Martin von Thomas und Petra aus Dortmund grüßen.
Viel Spaß.
Gruß
Thomas

Mobirise 4.11.6 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#17
Hi Thomas

habe mal das gefunden
https://s.bootsnipp.com/snippets/exVyQ

Hier gibt es doch fähige Leute, die das eventuell umfummeln könnten.
Ich kanns nicht...habe auch wenig Zeit, muss ja bald los
Mit freundlichen Grüßen
Claus aus dem hohen Norden

...am achten Tag schuf Gott den Rechtsanwalt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#18
Thomas,
ich bereite mal was für dich vor... und baue es zuerst in Mobi ein um zu sehen, wie es dort funzt.

Da es nur ein ganz einfaches Konstrukt ist , nur Html und CSS, sollte es überall einsetzbar sein...
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#19
Also, Thomas:

in einen Fullwith Block setzt du dieses Div in den HTML Editor ein:

<div class="slideout"></div> <!-- S L I D E O U T E L E M E N T -->

in den CSS-Editor unter den Mobirise eigenen EInträgen:

.slideout {
width: 50px;
height: 300px;
background: rgb(255, 0, 0);
box-shadow: 3px 3px 7px #333;
transition: width 1.5s;
}
.slideout:hover {
width: 400px;
height: 300px;
background: rgb(255, 0, 0);
transition: width 1.5s;
}



mit diesem kleinen feinen Gimmick hast du ein Slideout, das am PC auf hover öffnet. Am Smartphone auf klick...


zusätzlich zu den o.g. Styleangaben kommen dann noch die gewünschten Positionsangaben...

wie in dem Div vorhandene Elemente reagieren sollen, muss man dann natürlich auch im Einzelfall festlegen... Wenn du dazu Hilfe brauchst, sag mir Bescheid, Thomas.
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#20
Moin,

hier auch noch eine Alternative von mir (Tutorial ist dabei):

http://www.mobirise-tutorials.com/Busine...t-Box.html



@Doris,

Deine Box schiebt noch den Inhalt der Seite weg.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#21
Moin zusammen.
Danke Doris. Danke Tommy.
Ich habe beides mal eingebaut.
www.tsad17.de

Das obere mit dem Ball ist von Tommy.
Das habe ich auch schon (testweise) bearbeitet. Klappt wunderbar.  thumbs up
Ich weiß. Der Ball liegt über dem Text. Ist ja nur 'ne Testseite.
Was ich noch ganz gut finden würde, dass sich der Slider schließt wenn man auf den Ball klickt. Oder bzw. die ganze Box. Dafür fehlt mir das Know-how.

Der untere Block ist von Doris.
Der Block an sich funktioniert auch prima. Nur am Text muss ich dann noch arbeiten.

Was mich nur wundert ist folgendes:
Ich habe zig Slide Out's ausprobiert.
Diese beiden sind die ersten die sich wirklich "bewegen".
Soll heißen, die Button's oder wie auch immer sind da und lassen sich anklicken.
Hatte ich vorher nie.
Da muss ich wohl jedesmal einen folgenschweren Denkfehler fabriziert haben.
Gruß
Thomas

Mobirise 4.11.6 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#22
Dieser Slide in/out funktioniert doch, zumindest am PC, per "Hover", also Maus darüber halten. Willst Du wirklich drauf klicken können?
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#23
... ich lasse es jetzt bei 'Mausüber' (hover) am Handy geht es mit dem Finger-Tip auf.

Wolltest Du es mittels Click öffnen und schließen musst Du ja am PC einen Schritt mehr machen, dazu wäre dann auch JavaScript nötig und nicht mehr nur reine CSS (wie jetzt).

https://codepen.io/astrotim/pen/KDBbe
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#24
Tommy, ohne Angabe steht ja alles in der relativen Position. Bei Bedarf muss das natürlich geändert werden. Das Sliden per Mouseover finde ich persönlich sogar schöner und eleganter. Und es ist eben übersichtlicher Code mit reinem Css. Mit der Ball muss ich mal gucken. Mache ich später am PC, bin jetzt nur am Handy. Kleine Pause von Jenny's Umzug
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#25
Moin zusammen.

Mir geht's dabei in erster Linie um das schließen am Smartphone.
Das Mouseover am PC ist vollkommen ok.
Gruß
Thomas

Mobirise 4.11.6 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#26
Na am Handy geht's doch automatisch per Antippen!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#27
in Ergänzung zu Martin:

solange du neben dem geöffneten Element klickst...
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#28
ich bastel noch was für deinen Text innerhalb des Buttons...
da kommt im Prinzp ein weiteres Div rein mit einem rechten Abstand in der Breite des zugeklappten Buttons. In das innere Div kommt dann dein Inhalt...

an einer explizizten Schließfunktion bin ich auch dran Smiling
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#29
Genau Doris.
Smartphone.
Das tippen zum schließen neben der Box ist zwar auch ok.
Aber ich denke, das die meisten doch automatisch auf die Box tippen.
Und da passiert halt nichts.
Danke für deine Mühen.
Gruß
Thomas

Mobirise 4.11.6 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#30
Thomas,
ich arbeite dran Smiling
lg Doris
_____________________________________________

Ich wünsche mir 3 Dinge:

1. die Kraft, Dinge zu ändern, die ich ändern kann,
2. die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann
3. die Weisheit, beides voneinander zu unterscheiden...


.
NOf 2015 ( HTML 5 Dynamic)
Win 10
Grafik und Bildbearbeitung: Corel Suite X8

Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  shop von mobirise funsport 2 69 Gestern, 14:34
Letzter Beitrag: Mario_W
  Mobirise-Akkordeon Thomas Saake 1 39 04.12.2019, 13:20
Letzter Beitrag: stobi_de
  Mobirise-Kalender von Werner funzt nicht Thomas Saake 36 1.737 03.12.2019, 12:41
Letzter Beitrag: kfz-fotograf
  Mobirise-Animierten Text nach unten verschieben Thomas Saake 6 101 30.11.2019, 13:47
Letzter Beitrag: Thomas Saake
  Mobirise-Weißer Fleck im Block Thomas Saake 6 81 27.11.2019, 16:47
Letzter Beitrag: Tommy Herrmann
  Mobirise-Themenblock verändern Thomas Saake 0 52 25.11.2019, 13:26
Letzter Beitrag: Thomas Saake
  Mobirise-Theme TasteM4 Menüpunkte Thomas Saake 4 137 23.11.2019, 13:47
Letzter Beitrag: Thomas Saake
  Mobirise-Icon wird nicht angezeigt Thomas Saake 4 96 21.11.2019, 21:04
Letzter Beitrag: Thomas Saake
  Alte Mobirise Seiten löschen kfz-fotograf 3 105 20.11.2019, 10:43
Letzter Beitrag: Tommy Herrmann
  Mobirise-Alles gut. Nur Chrome nicht. Thomas Saake 5 99 18.11.2019, 18:46
Letzter Beitrag: Thomas Saake



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!