Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Dieses Menü kann ich das auch bei Mobirise einfügen
#1
Hallo Ihr lieben,

kann ich dieses Menü auch bei Mobirise einführen.

Der Grund ich möchte gerne stück für stück meine Web umstellen.
Möcht mit dem Gästebuch und der Bildgalerie anfangen da ich die
auch für andere Webs gebrauchen kann.

Daher meine Frage kann ich dieses Menp wie hier


http://www.globaltravelexclusive.com/

Oder geht das gar nicht da ich mich ungern von dem verabschieden würde.
Danke Doris

Liebe Grüße
Stefan
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

Du - wahrscheinlich schon, allerdings ist die HTML nicht korrekt geschrieben und das würde der "Code Editor" von Mobirise so nicht annehmen. Innerhalb von <li> Tags dürfen keine <div> Tags stehen. Das ist falscher Syntax.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Das Menü für Stefan habe ich aus einem Meu entwickeltz, das du mal vorgestellt hast. In deinem Quelltext kann man sehen, dass da auch div-Elemente innerhalb eines li-tags enthalten sind. Anders sind da bestimmte Dinge auch nicht umsetzbar gewesen.

Guckst du hier:

view-source:http://www.nof-tutorials.com/Mega-Navigation/

Und als Syntax-Fehler wird da auch nichts angezeigt und das wird bei mir überall auch richtig verarbeitet .

Nur wie Mobirise damit umgeht, ist natürlich eine andere Frage, weil sich da mit Sicherheit tags und classen in die Quere kommen, denn die Navo ist auch kein Bootstrap Construkt. Da müsste man wahrscheinlich einiges umbenennen oder extra verpacken, damit das funzt...
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


www.fotoatelier-essen.de
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
das Teil Mobirise fähig umzubauen, bedarf allerdings einiger Kenntnisse sowohl was das vergalten von Mobirise angeht als auch von der Konstruktion und den Änderungsmöglichkeiten der Navi. Das würde mit Sicherheit auch sehr zeitaufwändig, würde ich daher nicht unbedingt empfehlen. Der Nutzen steht in keinem Verhältnis zum Aufwand, vermute ich mal
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


www.fotoatelier-essen.de
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
warte mal - ich baue das mal nach. Das müsste eigentlich auch mit dem <div> gehen, da mus ein anderer Fehler sein.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
ja geht - habe den Fehler gefunden "&" :D

Ich baue das jetzt mal ein ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
ich habe jetzt nicht ausreichend Zeit.

Es geht, aber ich denke da gibt es bessere Sachen als nun gerade diese Navi wie z.B.:

http://www.mobirise-tutorials.com/Mega-Menu/

Die CSS macht ein wenig Probleme und der Hamburger-Button wird gerade noch gar nicht angezeigt (ich habe jetzt keine Zeit das zu suchen), ansonsten geht es aber. Die CSS wird auch so wie sie ist nicht richtig im "CSS Editor" verarbeitet. Du kannst aber (wie bei NOF auch) auf die CSS-Datei im <head> verlinken.


.jpg  Mega-Navi.jpg (Größe: 767,73 KB / Downloads: 16)


Bei Mobirise darfst Du keine Sonderzeichen wie "&" im Text der Navi stehen haben. Das lässt der "Code Editor" nicht zu. In Mobirise darfst Du auch keine relativen Links zu Bildern (wie Deinem Pfeil nach unten) eintragen, denn sonst sucht Mobirise dieses Bild in seiner Konfigurations-Datei. Du müsstest so einen Link mit der absoluten URL zu dem Bild auf dem Server verlinken.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
Moin,

wenn es nur um das Navigations-Menü geht, das geht problemlos, wenn du dir dieses Menü zulegst.

BeispielLink: https://www.dental-3d-agency.de/
An dieser Seite tobe ich gerade aus... Das Menü ist aber fertig Kussmund
Ist komplett einstellbar im htlm
Das MEGA | Responsive Megamenu kannst du hier kaufen:
http://webpulse.com.br/mega/examples/index.html

Kostet 7 Euro. Der Einbau ist simpel...
Bis denne, C-laus

WIN 10/Alle Browser/AdobePhotoshop/
NOF15/Mobirise 3+4, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
so, hatte jetzt nochmals ein wenig Zeit zum Gucken. Dennoch wäre meine andere Mega-Navi für Mobirise besser geeignet, schon weil man die CSS auch im Code-Editor verwenden kann und die Navi daher dann auch gleich in der Arbeitsansicht richtig dargestellt wird - oder auch die Navi, die Claus vorgeschlagen hat (sieht auch eleganter aus) - wobei ich $7,00 nur für eine einmalig verwendbare Navi schon heftig finde :eek:


Seite wird später wieder gelöscht:

http://www.mobirise-tutorials.com/Testseiten/Test-Temp/


1.) CSS-Datei in das Stammverzeichnis vom Projekt im <head> verlinkt:

http://www.mobirise-tutorials.com/Testse...enavi4.css

Code:
<link rel="stylesheet" href="./stylenavi4.css">


2.) JavaScript im Bereich "End of <body> code" eingefügt:

Code:
<script>
      $(document).ready(function() {
         $(".nav li:has(ul)").hover(function(){
            $(this).find("ul").slideDown();
         }, function(){
            $(this).find("ul").hide();
         });
      });
</script>


3.) HTML mit absoluten Pfadangaben zu den Grafiken angepasst und in den "HTML Editor" kopiert:

Code:
<div class="container">
   <div class="row justify-content-center">
           
       <!-- Beginn eigene Navigationsleiste -->
       <!-- BEGINN MENÜ -->

       <div><a onclick="$('#menu-wrapper').slideToggle();return false;" href="javascript:void(0)" style="cursor:pointer;"><img id="Navibutton" src="http://www.mobirise-tutorials.com/Testseiten/assets/images/HamburgerButton.png" alt="Menü öffnen und schließen" title="Menü öffnen und schließen"></a></div>            
       <div id="menu-wrapper">
       <ul class="nav">

       <!-- .........................................................................E X K L U S I V   R E I S E N  (Column 1) -->

       <li><a href="./index.html">Exklusiv Reisen</a></li>

       <!-- .........................................................................B E G L E I T E T E S   R E I S E N  (Column 2) -->

       <li><a href="#">Begleitetes Reisen<img id="ButtonPfeilDown" src="http://www.mobirise-tutorials.com/Testseiten/assets/images/Pfeil-down-rot-40x16.png" title="Menü mit Untermenü"></a>

       <div id="abstand">
       <div class="nav-column2">
       <ul>
           <li><a href="./html/begleitete-reisen.html">Begleitete Reisen</a>
           </li><li><a href="./html/themenreisen.html">Themenreisen</a>
           </li><li><a href="./html/individuelle-reisen.html">Individuelle Reisen</a>
           </li><li><a href="./html/flugoptionen.html">Flug-Optionen</a>
           </li><li><a href="./html/hotels.html">Hotels + Unterkünfte</a>
       </li></ul>
       </div>
       </div>
       </li>

       <!-- .........................................................................R E I S E Z I E L E  (Column 3) -->

       <li><a href="#">Reiseziele<img id="ButtonPfeilDown" src="http://www.mobirise-tutorials.com/Testseiten/assets/images/Pfeil-down-rot-40x16.png" title="Menü mit Untermenü"></a>

       <div id="abstand">
       <div class="nav-column3">
       <ul>
           <li><a href="./html/andalusien.html">Andalusien</a></li>
           <li><a href="./html/metropolen-asiens.html">Metropolen Asiens</a></li>
           <li><a href="./html/philippinen.html">Philippinen</a>
           </li><li><a href="./html/thailand.html">Thailand</a>
       </li></ul>
       </div>
       </div>
       </li>

       <!-- .........................................................................S E R V I C E  (Column 4) -->

       <li><a href="#">Service<img id="ButtonPfeilDown" src="http://www.mobirise-tutorials.com/Testseiten/assets/images/Pfeil-down-rot-40x16.png" title="Menü mit Untermenü"></a>

       <div id="abstand">
       <div class="nav-column4">
       <ul>
           <li><a href="./html/ueber-uns.html">Über uns</a></li>
           <li><a href="./html/impressum.html">Kontakt / Impressum</a></li>
       </ul>
       </div>
       </div>
       </li>
       <!-- .........................................................................E N D E -->


       </ul>
       </div>
       <!-- Ende eigene Navigationsleiste -->
   
   </div>
</div>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
@Tommy,

ich kenne Menschen die sehr viele Dinge zu teuer finden.
Einige dieser Menschen geben aber jede Woche bis zu 100 Euro für Zigaretten aus.
Dann ist das Wort "Teuer" relativ, oder nicht?
Ich finde 7 € nicht zu teuer.

ps. Ich rauche seit 3 Jahren nicht mehr, ich habe selbst jede Woche ca. 75 € ausgegeben,
bei bis zu 60-70 Zigaretten am Tag. Bescheuert nicht wahr!!!!
Bis denne, C-laus

WIN 10/Alle Browser/AdobePhotoshop/
NOF15/Mobirise 3+4, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
... das stimmt natürlich auch wieder thumbs up

Ich meinte auch eher, dass ich es recht frech finde $7,00 pro Website für eine Navi zu verlangen, die es tausendfach kostenlos im Web gibt ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
@Tommy: seltsame Sache: beim ersten Berühren mit der Maus klappt das Untermenü direkt auf, erst beim zweiten Mal slidet es. (aktueller Chrome und Firefox)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Moin Frank,

ja - danke - ich weiß das. Das ist ein Fehler der Original-JavaScript-Datei (ich weiß nicht, wie man das ändert, kenne mich mit JavaScript zu wenig aus). Diese Funktion wird erst nach Gebrauch aktiv.

Code:
<!-- Script slidedown der Navigationsleiste -->
<script>
       $(document).ready(function() {
          $(".nav li:has(ul)").hover(function(){
             $(this).find("ul").slideDown();
          }, function(){
             $(this).find("ul").hide();
          });
       });
</script>
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#14
Hallo Thommy,

damit ich mich jetzt nícht so doll verstricke ich habe jetzt schon mal vorab was ausprobiert

Ist es richtig oder mache ich da einen Fehler wenn ich nur mit dem Originalen Menü von Mobirise arbeiten will dann kann ich das nur ganz oben hin setzen oder mache ich da einen Fehler.

Wenn ich aber wie gehabt das Menü unter die ersten Boggs setzen will dann sollte ich auf z.B, das Mega Menü von dir zugreifen.

Für 20 Euro
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#15
...nein du machst keinen Fehler!
Grundsätzlich kann man die Navis von Mobi nur nach ganz oben setzen.
Das ist so gewollt und nur mit enormen Eingriffen veränderbar und sollte man nicht tun.

Wenn du also von 08/15 weg willst, must du andere Navis verwenden.
Bis denne, C-laus

WIN 10/Alle Browser/AdobePhotoshop/
NOF15/Mobirise 3+4, alle Templates/Kaspersky
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Farbverlauf Thomas Saake 16 143 Vor 2 Stunden
Letzter Beitrag: Thomas Saake
  Unterseiten in Html? das Mobirise Symbol aus der Prgrammleiste in Bowsere entfernen funsport 5 72 16.09.2018, 07:56
Letzter Beitrag: Tommy Herrmann
  Und alle Links auf Mobirise stobi_de 3 51 15.09.2018, 08:48
Letzter Beitrag: Tommy Herrmann
  Mobirise Android App – mehrere Seiten bearbeiten psciga 6 131 13.09.2018, 04:42
Letzter Beitrag: patty
  menü store m4 am iphone nicht sichtbar iggy pop 26 343 05.09.2018, 18:08
Letzter Beitrag: AndyNeu
  Postalische Anschrift von Mobirise patty 28 534 05.09.2018, 09:20
Letzter Beitrag: patty
  Hotspots in Mobirise? stobi_de 22 629 30.08.2018, 19:42
Letzter Beitrag: Tommy Herrmann
  Mobirise-Inhaltsverzeichnis/Suchfunktion für lange Seiten Thomas Saake 17 959 27.08.2018, 11:54
Letzter Beitrag: Focussus
  Mobirise - Alt Tag & Titel Attribute Focussus 1 103 26.08.2018, 13:48
Letzter Beitrag: Tommy Herrmann
  Mobirise-Hinweise vor Veröffentlichung entfernen - Copyright-Verletzung? Focussus 3 198 24.08.2018, 13:36
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!