Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise-Tab Slideout
#1
Moin.
Hatten wir schon mal. Ich weiß.
Ich habe mal das versucht:
http://www.building58.com/examples/tabSlideOut.html

Und hier eingefügt:
www.tsad17.de

So weit. So schön. Nur passiert nichts wenn ich auf den Wochenspielplan klicke.
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin Thomas,

hat mich mal interesiert...
habe es mal versucht nachzubauen. Fehlanzeige :confused:
Bin zu doof für solch einen KrimsKram Surprised
Morgen kommt mein Programmierer, der fummelt mir das hin.
Melde mich dann wieder
Mit freundlichen Grüßen
Claus aus dem hohen Norden

(Berge sind ja ganz schön, nur platt müssen sie sein!)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
hallo Thomas,
habe 2 verschiedene Versionen
https://www.hautarztzentrum-gummersbach.de/
https://aruba-safaris.com/

Eine davon wurde von Doris erfunden nur mit CSS.

Kannst Du Dich da durchfinden oder soll ich was Ausführliches schreiben?
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
@ Claus
Und ich dachte schon ich hab wieder was kaputt gemacht... :D

@stobi
Der Hautarzt wäre ganz gut. (So hatte ich mir das vorgestellt)
Ich habe auch 'ne Anleitung von Doris gefunden. War sogar meine Frage.
Nur ließ sich "damals" der Code Editor nicht mehr schließen. Heute auch nicht.  Smiling
Wenn du ein bisschen was schriftliches hättest wäre ich dir dankbar.
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Kommt gleich
und so ganz nebenbei: der Code auf
https://tab-slide-out.googlecode.com/fil...ut.v1.3.js
existiert gar nicht mehr :D

Das Doris-Construct benutze ich am liebsten, weil so extrem übersichtlich
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
Danke.
Den hier hatte ich:
http://www.building58.com/examples/tabSlideOut.html
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
Hier ein Probe-Project
https://www.afripix.de/tabtest/
Da ist die magische Datei (und nur die nehmen und nicht das JQuery-min)
afripix.de/tabtest/jquery.tabslideout.1.3.js

Ans Body - Ende
<script src="jquery.tabslideout.1.3.js"></script>

<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});

});

</script>


und das hier in ein User-HTML
beachte den Z-Index (kann wahrscheinlich auch 9 oder 99 sein), sonst verschwindet es im Hintergrund

<div class="slide-out-div" style="z-index:999">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<h3>Contact me</h3>
<p>Thanks for checking out my jQuery plugin, I hope you find this useful.
</p>
<p>This can be a form to submit feedback, or contact info</p>
</div>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
Danke Stobi.
Baue ich morgen früh mal ein.
Jetzt muss ich zum knobeln.  :bier
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
Na, Du hast ja ein Leben....PROST!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Also ich habe das (auf der rechten Seite) nur mit HTML und CSS gemacht. Da müsste ich mal schauen, wie das ging.
https://www.zaschaller-plauen.de/

HTML:
<div id="mySidenav">und so weiter</div>

CSS:
Code:
#mySidenav a {
   position: absolute; /* Position them relative to the browser window */
   right: -150px; /* Position them outside of the screen */
   transition: 0.3s; /* Add transition on hover */
   padding-left: 0px;padding-top: 15px;padding-bottom: 15px;padding-right: 1px; /* 15px padding */
   width: 200px; /* Set a specific width */
   text-decoration: none; /* Remove underline */
   font-size: 20px; /* Increase font size */
   color: white; /* White text color */
   border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */
}
#mySidenav a:hover {z-index:3;
   right: 0; /* On mouse-over, make the elements appear as they should */
}
Achtung
im Head:
<style> body {overflow-x:hidden}</style>
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
So. Vom knobeln zurück.
Erstmal danke Stobi und Martin.
Ich bin der Meinung, dass ich noch irgendwo 'nen Bruder haben muss den ich nicht kenne.
Denn einer alleine kann doch nicht so blöd sein.  :latein:
Egal was ich einbaue. Ich krieg's nicht hin.

Beispiel Stobi:

www.tsad17.de
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
Menno

warte bis heute abend, morgen früh...Tobias kommt heute abend zu mir.
Ab nicht zum Knobeln!!!!
Arbeiten, mir Dinge beibringen, die ich und du nicht können, also bleib Cool! Cool
Mit freundlichen Grüßen
Claus aus dem hohen Norden

(Berge sind ja ganz schön, nur platt müssen sie sein!)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Alles klar. thumbs up
Gruß
Thomas

Mobirise 4.10.7 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#14
<script src="jquery.tabslideout.1.3.js"></script>
Die Datei ist leer!

pathToTabImage: 'D://Mobirise Meine Testhomepage bei 1und1/assets/images/fussball.png'

Das ist ein lokaler Pfad
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#15
(14.02.2019, 13:51)Thomas Saake schrieb: Alles klar.  thumbs up

Moin Thomas,

haben wir uns gestern angeschaut und nach einigen Versuchen wieder verworfen.
Konnten wir zwar zum Laufen bringen, hat sich aber mit anderen Mobikomponenten/meiner Navi
schlecht vertragen. Ich habe dann dadrauf verzichtet....

Vielleicht hilft Doris dir ja weiter, schreib sie doch mal an.
Ich bin nun in der glücklichen Lage, nach Gran Canaria abzudüsen.
Leider nur 3 Tage. Beruflich! Ice Cream-Webdesign/Fotos usw. Das ist doch mal was, gelle
Fliege morgen, Tschüßßßiiii

Claus
Mit freundlichen Grüßen
Claus aus dem hohen Norden

(Berge sind ja ganz schön, nur platt müssen sie sein!)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mehrsprachige Website mit Mobirise möglich? Quelle75 1 44 20.08.2019, 16:24
Letzter Beitrag: barbara0701
  Mobirise Publizierung Utz29 15 258 18.08.2019, 18:52
Letzter Beitrag: Utz29
  Mobirise-Transparenter Rahmen um Modal PopUp Thomas Saake 3 52 18.08.2019, 11:56
Letzter Beitrag: Thomas Saake
  Mobirise-Fotos werden nicht eingefügt Thomas Saake 65 4.104 13.08.2019, 19:36
Letzter Beitrag: dasdrandre
  Mobirise- HTML (Pug) CSS (SCSS) Thomas Saake 0 38 10.08.2019, 15:44
Letzter Beitrag: Thomas Saake
  Mobirise-Formular Generator Thomas Saake 29 576 10.08.2019, 10:50
Letzter Beitrag: Tommy Herrmann
  Mobirise Sparachumschaltung ? stobi_de 30 2.301 05.08.2019, 10:54
Letzter Beitrag: Berdie
  Mobirise-PopUp Formatierung Thomas Saake 2 106 30.07.2019, 18:36
Letzter Beitrag: Thomas Saake
  Mobirise-PopUp Countdown einfügen Thomas Saake 4 163 24.07.2019, 13:21
Letzter Beitrag: Tommy Herrmann
  Mobirise-Kann man die Timeline Linie ändern Thomas Saake 10 253 19.07.2019, 18:01
Letzter Beitrag: Tommy Herrmann



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!