Impressum Suchfunktion

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise-Aussehen Klappmenü
#1
Moin.
Ich habe mal mit der nächsten NOF/Mobirise Umstellung angefangen.
Mich stört der Background des Klappmenüs in der Navi (Verein) kolossal.
Mal abgesehen von dem Farbzusammenspiel Schrift/Hintergrund. Der ist Mist.
Der Kasten mit den Untermenüs ist zu breit. (Passt nicht zur Navi)
Und eigentlich wäre mir 'ne transparentere Version auch lieber.
Wie und wo kann ich der Navileiste an den Kragen gehen?


http://2017.gartenverein-emschertal.de/
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Die Farbe änderst du in den Menü-Einstellungen. Auch wenn du hier auf "transparent" gehst, gibst du eine Farbe an! Diese definiert dann den Hintergrund der Submenüs (meistens die gleiche Farbe etwas dunkler).
Die Schriftfarbe änderst du auch hier in den Menü-Einstellungen. Die Hover-Farbe änderst du in dem Site Style ("edit style", der Pinsel rechts unten).
Wie man den Abstand der Submenüs verkleinert, weiß ich noch nicht!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Wenn du in den Menü-Einstellungen Farbe und Font size eingestellt hast, speicherst du das Menü ab und öffnest es mit dem Editor! Dann gibst du im CSS ein:
Code:
.dropdown-item {
padding-top:1px;
padding-bottom:1px;
}
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Im Moment kann ich machen was ich will.
Mobirise ändert bzw. speichert meine Eingaben/Änderungen nicht.  Mad
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Das hatte ich auch. Habe die Navi komplett raus geschmissen und dann neu eingefügt. Danach hats wieder funktioniert
Gruss Andy

Wer Rechtschreibfehler findet, darf sie behalten... oder melden
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6

.jpg  navileiste.JPG (Größe: 200,17 KB / Downloads: 15)


Ich komme noch nicht ganz klar.

Wie bekomme ich (1) eine andere Farbe in das Untermenü und wie bekomme ich (2)
ein vernünftiges Rechteck als Anzeige. Nicht so ein Stufenmenü. Oder gar keins.
(Punkt 3 ist 'ne andere Frage)

Ich find einfach nichts.
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
die Stufen entsprechen immer der Länge des obersten Menü-Punktes. Logisch - da ja rechts neben diesem Menü noch weitere Menü-Punkte sein könnten ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
(1) Die Farbe änderst du mit der Farbe des Hauptmenüs:
   
.png  2017-07-11 (2).png (Größe: 728,14 KB / Downloads: 14)


(2) Das geht nicht! Das ist so gedacht. Das sieht nur bei dir am Anfang komisch aus, weil du eine transparente Navi hast. Man könnte im Hauptmenü rechts padding einfügen! Dann wird aber die Navi zu breit.
   
.png  2017-07-11 (3).png (Größe: 769,54 KB / Downloads: 11)
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
Mit CSS:
Code:
.dropdown-toggle {min-width:210px;}
.dropdown-item {padding-top:1px;padding-bottom:1px;padding-right:1px;
min-width:210px;}
sieht es dann so aus:

.png  2017-07-11 (4).png (Größe: 47,19 KB / Downloads: 15)

Dann reicht aber der Platz für deine 5 Menü-Punkte und Logo nicht aus!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Kein Problem. Schwupp. Habe nur noch 4 Menüpunkte.  Smiling
Das sieht doch schon ganz gut aus.  thumbs up
Nur springt der Dropdown Pfeil jetzt ziemlich weit nach rechts.
Kann man da noch was schrauben?
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
Thomas,

falls das noch mit dem Popup-Fenster interessiert, hier mal ein Beispiel auf meiner Seite (bitte auf linken Button neben dem Bild vom Spatzen für das Popup-Fenster klicken)

http://www.mobirise-tutorials.com/Einfac...sg-box5-2r


Hier das JavaScript für ein zentriertes Popup-Fenster (kommt "Zwischen Head-Tags"):

Code:
  <script type="text/javascript">
   <!--
   function popup(url)
   {
    var width  = 600;
    var height = 400;
    var left   = (screen.width  - width)/2;
    var top    = (screen.height - height)/2;
    var params = 'width='+width+', height='+height;
    params += ', top='+top+', left='+left;
    params += ', directories=no';
    params += ', location=no';
    params += ', menubar=no';
    params += ', resizable=no';
    params += ', scrollbars=no';
    params += ', status=no';
    params += ', toolbar=no';
    newwin=window.open(url,'meinfenster', params);
    if (window.focus) {newwin.focus()}
    return false;
   }
   // -->
 </script>

Hier der (mein) Aufruf im Code-Editor von Mobirise:

Code:
<div>
  <a class="btn btn-success mbr-editable-button" href="javascript: void(0)" onclick="popup('http://www.mobirise-tutorials.com/assets/images/spatzen2-1400x933.jpg')">Bild im Popup</a>
</div>


Siehe auch hier für das Skript:

http://www.tommyherrmanndesign.com/nof/P...esFenster/
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
Das mit dem Dropdown-Pfeil geht wohl nicht anders! Huh
Keine Zeit, muss Haare machen!
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-Grafik oder Foto als Hintergrund über die ganze Seite Thomas Saake 11 170 Vor 34 Minuten
Letzter Beitrag: Martin73
  Mobirise 4 Tommy Herrmann 103 3.861 17.11.2017, 10:48
Letzter Beitrag: Tommy Herrmann
  Mobirise-Tables Sortierfunktion entfernen Thomas Saake 28 404 14.11.2017, 20:55
Letzter Beitrag: Martin73
  Mobirise-Countdown korrekt einstellen Thomas Saake 5 97 14.11.2017, 12:32
Letzter Beitrag: Tommy Herrmann
  Mobirise-Farbverlauf über die ganze Seite Thomas Saake 19 567 13.11.2017, 15:19
Letzter Beitrag: Thomas Saake
  Mobirise und seine Icons stobi_de 2 110 11.11.2017, 12:28
Letzter Beitrag: Thomas Saake
  Mobirise-Text verschiebt sich auf Smartphone Thomas Saake 3 77 10.11.2017, 11:27
Letzter Beitrag: c-laus
  Mobirise-Textgröße Smartphone Thomas Saake 14 218 07.11.2017, 15:10
Letzter Beitrag: Tommy Herrmann
  Mobirise 4 - das GLOBAL Attribut ? stobi_de 25 428 07.11.2017, 11:46
Letzter Beitrag: Tommy Herrmann
  Mobirise - eine Alternative zu NOF? Ralf-HH 17 340 07.11.2017, 08:42
Letzter Beitrag: Rancher



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!