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
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
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 auf mac cichlid 7 91 Vor 1 Stunde
Letzter Beitrag: barbara0701
  Modal-Popup für Mobirise c-laus 0 14 Vor 1 Stunde
Letzter Beitrag: c-laus
  Amazon iFrame in Mobirise Dobko1 11 186 10.11.2018, 09:26
Letzter Beitrag: barbara0701
  JOCMS in Mobirise stobi_de 16 245 09.11.2018, 10:20
Letzter Beitrag: Tommy Herrmann
  Menü-Scheiß teil 2 stobi_de 3 104 06.11.2018, 08:48
Letzter Beitrag: stobi_de
  Mobirise-Schon wieder 'ne Fehlermeldung Thomas Saake 4 125 05.11.2018, 23:36
Letzter Beitrag: c-laus
  Wo speicher Mobirise die Tehmes und Addons Hans Klawun 1 57 04.11.2018, 20:06
Letzter Beitrag: Hans Klawun
  Mobirise-File Zilla fehlerhafte Übertragungen Thomas Saake 2 69 04.11.2018, 16:38
Letzter Beitrag: Thomas Saake
  Trotz fehlerfreien Übertragung kann ich die Site im www nicht aufrufen dj-acki 7 115 03.11.2018, 23:24
Letzter Beitrag: barbara0701
  4.8.6 - Menü-Scheiß stobi_de 40 733 02.11.2018, 06:14
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!