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.5.4 + 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.5.4 + 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.5.4 + 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.5.4 + 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-Textformatierung Thomas Saake 5 80 Gestern, 14:06
Letzter Beitrag: Thomas Saake
  og:image für Facebook in Mobirise barbara0701 2 49 Gestern, 13:17
Letzter Beitrag: Tommy Herrmann
  Mobirise blendet sich selbst ein stobi_de 4 89 13.01.2018, 19:49
Letzter Beitrag: Tommy Herrmann
  Bilder zuschneiden in Mobirise barbara0701 5 102 13.01.2018, 18:20
Letzter Beitrag: barbara0701
  Mobirise PortfolioM4 - Block Clients barbara0701 9 144 13.01.2018, 12:16
Letzter Beitrag: barbara0701
  Mobirise-Navibox Strich unten einfügen Thomas Saake 9 184 08.01.2018, 22:14
Letzter Beitrag: Rancher
  Mobirise-Unnötiger farblicher Abstand zwischen Boxen Thomas Saake 16 273 08.01.2018, 19:51
Letzter Beitrag: Rancher
  Logo in Navigationsleiste einfügen - Mobirise barbara0701 28 346 06.01.2018, 18:32
Letzter Beitrag: Martin73
  Mobirise integrierter Slider WRH 10 267 06.01.2018, 16:32
Letzter Beitrag: WRH
  Linkformate anpassen Mobirise barbara0701 7 183 05.01.2018, 13:03
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!