Menüfarbe in der mobilen Version

Mari-2017 schrieb am 27.07.2017 um 12:44 Uhr

Version: 12.63.50400
Hallo,

mittlerweile bin ich fast am Verzweifeln: ich möchte den hellblauen Kasten, der sich beim Berühren darstellt weg haben oder ggfs. farblich anpassen. Gefühlt habe ich schon alles versucht - bisher erfolglos! :(
Es wäre toll wenn jemand einen Tipp für mich hat!

http://up.picr.de/29910966dd.jpg

 

Kommentare

BilderMacher schrieb am 27.07.2017 um 13:01 Uhr

Die Form auswählen und in der Farbpalette oder mit dem Farb-Editor die Farbe ändern.

Das sind doch nur zwei-drei Klicks.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 27.07.2017 um 13:09 Uhr

Das habe ich alles schon gemacht. Die Farbe des Menütextes kann ich verändern, aber eben nicht diesen hellblauen Schatten der nur beim Berühren kommt.

BilderMacher schrieb am 27.07.2017 um 13:13 Uhr

Ah, ja. Da liegt die MouseOver-Schaltfläche in der entsprechenden Ebene. Mit dem "Auge" diese sichtbar machen, dann geht's auch hier.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 31.07.2017 um 11:20 Uhr

Danke BilderMacher - das habe ich alles schon gemacht. Aber ich komme nicht weiter. Ich sehe nirgends, dass beim "Touch" die Fläche sich blau verändert. Wo kann ich das sehen bzw. umstellen oder anpassen?
Hier mal ein Screenshot
[img]
 

BilderMacher schrieb am 02.08.2017 um 05:52 Uhr

Man kann auch aus der Farbpalette eine Farbe mit der Maus anklicken und sie nach Oben auf die Fläche ziehen und dort ablegen.

Zuletzt geändert von BilderMacher am 02.08.2017, 12:23, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 02.08.2017 um 12:33 Uhr

Ja, das ist mir schon klar, aber das verändert nur die Farbe der Hamburger Menüs.
Das will ich ja nicht verändern. Ich möchte die Farbe des Quadrats, welches sich in hellblau verwandelt, wenn man es berührt.
Wenn ich so vorgehe, wie du beschrieben hast, dann kommt ein Fenster welches mich fragt ob ich Farbe ersetzen will:
Da wären:

  • Page Background (den habe ich ja schon korrekt gesetzt - in dem Fall weiß)
  • Dark Text (der ist bei mir grau - und nicht hellblau) also auch in Ordnung
  • Und Text-Farbe - die in meinem Fall dunkelrot ist - ist auch in Ordnung.

    Nirgends taucht die Farbe hellblau auf um diese ggfs. anzupassen.
BilderMacher schrieb am 02.08.2017 um 13:41 Uhr

Woher stammt das Menü? Aus den Vorlagen?

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

BilderMacher schrieb am 02.08.2017 um 20:34 Uhr

Man kann in der Navigationsbearbeitung Popup-Menüs farblich anpassen. Vielleicht ist es das?

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 02.08.2017 um 20:38 Uhr

@ BilderMacher: ja genau - das ist die Vorlage Simplicty oder auch "einfaches Design" genannt.
FredW: okay, wenn es so wäre, dann müsste es doch wenigstens zu einer anderen Farbe (vielleicht weiß) oder so möglich sein.
Eine Vermutung von mir ist, dass das hellblaue eine Standardfarbe in der Webseite ist. Aber sowas muss doch änderbar sein?

BilderMacher schrieb am 02.08.2017 um 20:47 Uhr

- das ist die Vorlage Simplicty oder auch "einfaches Design" genannt.

Das Menü sieht in meiner Varianten aber ganz anders aus.

in der Vorschau so:

Da musst Du also schon was geändert haben. Oder?

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 02.08.2017 um 21:01 Uhr

Ja das stimmt, aber ich habe nur das Wort "Navigation" entfernt und aus dem U ein Ü gemacht

 

BilderMacher schrieb am 02.08.2017 um 21:11 Uhr

Und wie hast Du das gemacht? Ich gehe in die Bearbeitung der Navigation und ändere den Text. Fertig.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

Mari-2017 schrieb am 03.08.2017 um 08:01 Uhr

Ja, genau so mache ich das auch.
Das war aber nicht die Fragestellung!

Ich möchte, dass bei der mobilen Version der blaue Schatten beim Berühren oder "touch" wegfällt. Es soll einfach kein blauer Schatten da sein bzw. keine blaue Unterlegung wie in meinem ersten Bild zu sehen ist. Ich habe das Wort Menü rot eingekreist. Und wie man sieht ist das Wort Menü mit einem hellblauen Layer belegt. Der soll weg.
Dieser blaue Layer oder auch Schatten ist n u r in der mobilen Version zu sehen. Am PC bei der Bearbeitung und im verkleinerten Browser am PC ist der Layer nicht vorhanden oder nicht sichtbar!

marboe schrieb am 03.08.2017 um 09:09 Uhr

Wo auch immer dein blauer Buttonhintergrund erkommt, weiß ich auch nicht. In der Vorlage sehe ich ihn nicht.

Ich würde dir raten so vorzugehen: Teilen der Navi zwischen den Varianten ausstellen.
Die Navi in der Smartphoneversion markieren, auflösen. Dann kannst du in der Ebenengalerie die Form auswählen und ändern bzw auf transparent schalten.

Danach muss die Navi innerhalb der Ebene als "Gruppe" wieder vereint werden.
Über die Ebenen hinweg als "weiche Gruppe". Danach kannst du wieder eine Navi daraus erstellen lassen.

Hier mal ein Video - leider ist der Ton verloren gegangen. Aber das wesentliche wirst du auch so verstehen.

Zu sehen ist auch, dass der Tipp von Bildermacher (Farbe einfach draufziehen) leider nicht funktioniert ohne das die Gruppen der Navi aufgelöst werden. In normalen Gruppen, die keine Navi sind, funktioniert das aber.
Gruß marboe

 

Ergänzung:
Dein blauer Schatten kann vielleicht auch als Animation erstellt worden sein (wie auch immer das möglich war). Mache mal Rechtsklick und gucke unter Animation nach; da sollte nix angekreuzt sein.

BilderMacher schrieb am 03.08.2017 um 09:19 Uhr

Ja, genau so mache ich das auch.
Das war aber nicht die Fragestellung!

Ja, du wolltest wissen, wie man die Farbe ändert. Da ich deine verwendete Vorlage nicht kannte, habe ich die Möglichkeiten genannt, die das Programm bietet. Auch das Ziehen einer Farbe auf ein Objekt. Dass dieser Hinweis dann nicht funktioniert, wenn eine Navi gruppierte Elemente hat, wusste ich zu diesem Zeitpunkt noch nicht, weil mir ja die Vorlage auch nicht bekannt war.

Nun kenne ich sie und stelle aber fest, dass es so eine Fläche in der originalen Vorlage gar nicht gibt.

Wissen kannst nur Du das, wie die da hingekommen ist. Vielleicht bekommst du sie mithilfe der Hinweise von marboe ja wieder weg.

Ich wünsche dir dabei viel Erfolg.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware:

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
Intel(R) UHD Graphics (für Import, Verarbeitung, Export)
NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

---------------------------------------------

Edition    Windows 10 Home
Version    21H2
Betriebssystembuild    19044.1949

-----------------------------------------------

marboe schrieb am 03.08.2017 um 09:24 Uhr

Und wenn all das nicht hilft, mach folgendes:

Ziehe aus der Designgalerie die Navi deiner Wahl neu auf die aktuelle merkwürdige. Die Frage nach Ersetzen beantwortest du mit "ja". Dann müsste eigentlich alles stimmen. Ggf sonst von der Vorlage abweichende Änderungen wie Textgröße, Farbe müsste halt neu gemacht werden.
Aber vielleicht ist es sorum der schnellere Weg.

 

Wenn das auch nix helfen will, dann wäre ich sehr neugierig deine Navi mal als .web-Datei zu sehen. Vielleicht kannst du sie uns mal als Download zur Verfügung stellen. (Kannst ja nur Teile daraus in eine Extradatei hochladen; als zip oder .web mit Downloadlink).
Gruß Marboe

Mari-2017 schrieb am 03.08.2017 um 10:55 Uhr

@BilderMacher
Nun, meine Frage war so: ich möchte den hellblauen Kasten, der sich beim Berühren darstellt weg haben oder ggfs. farblich anpassen.
Es ging immer nur um den Kasten oder Layer - ich kenne den korrekten Begriff leider nicht.
Die Fläche gibt es auf jeden Fall in der originalen Vorlage, allerdings nur bei der Verwendung auf einem Smartphone auf einem oder Tablet.

@FredW
Zumindest habe ich direkt am Anfang in der Thread-Überschrift angegeben, dass es um die mobile Version geht.

Soweit ich mich erinnere habe ich das, was Marboe vorgeschlagen hat schon durchgeführt, werde es aber jetzt nochmals machen.

Ich stelle gerne die web.Version zur Verfügung , ist aber eigentlich nicht nötig, da ein jeder die Version in den Vorlagen hat.
Die Vorlage heißt *Einfaches Design* und der Layer ist auch, ohne dass ich irgendetwas verändert habe, in der unbearbeiteten Originalen-Version vorhanden. Und es ist egal welchen Browser ich verwende.

Wenn es jemand schafft diesen Layer zu entfernen, könnt ihr mir gern diese Version schicken.

Vielen Dank schon mal im Voraus!
Gruß

marboe schrieb am 03.08.2017 um 13:14 Uhr

Also, ich komme nicht mehr mit 🙃.

Ich habe die Vorlage "einfaches Design" in den WD geladen. Vorschau angeklickt.
Das mobile Menü präsentiert sich mit der ersten Zeile "Navigationsmenue"; nach unten öffnet sich die Navi mit blauem Buttonhintergrund. Der erste Menübutton aber, der immer fix bleibt ist nicht hinterlegt.

Dann habe ich ihn noch umbenannt ... er bleibt ohne blauen Hintergrund.

Hier ist der Mauszeiger auf der Zeile "Menü".

Was da bei dir anders ist, erschliesst sich mir nicht.

Gruß Marboe

 

Ergänzung:
Ohne einen Screenshot aus deinem Projekt mit dem man die Ebenen und das Navigationsmenü in den Einstellungen sieht, kann man hier nicht weiterhelfen.

BeRo schrieb am 03.08.2017 um 14:07 Uhr

@marboe

Der erste Menübutton aber, der immer fix bleibt ist nicht hinterlegt.

Wenn ich @Mari-2017 richtig verstanden habe, dann möchte sie den blauen Hintergrund der Menüeinträge ändern, also den jeweils eingeblendeten Hintergrund in der Linkliste, die erscheint, wenn man das Menü öffnet und den Mauszeiger auf einen Eintrag positioniert (MouseOver Effekt).

@alle

Wenn meine Vermutung zutrifft, dann ist die Lösung ganz einfach über die Änderung der "Popup Menüstil..." Option zu machen... 😇

Die im Screenshot gezeigten Möglichkeiten schließen sowohl die frei definierbare Anpassung der Hintergrundfarbe ein, als auch die feste Einstellung auf die Farbe des aktiven Seiten-/Website Hintergrunds...

Probier's mal so.

Viel Erfolg

Zuletzt geändert von BeRo am 03.08.2017, 14:08, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

marboe schrieb am 03.08.2017 um 17:25 Uhr

Das wollte sie wohl nicht BeRo. Lade dir mal ihr erstes jpg. 😉 Das wäre ja sonst klar.

Gruß marboe

Mari-2017 schrieb am 03.08.2017 um 17:57 Uhr

@ BeRo
Genau, du hast mich richtig verstanden.
Aber leider funktioniert der Lösungsansatz nicht. Ich habe dies bereits gemacht. Statt blau habe ich beispielsweise transparent eingestellt bei MouseOver und MouseOff. Leider bleibt es hartnäckig und beständig blau! :(

BeRo schrieb am 03.08.2017 um 20:42 Uhr

@marboe

[...] Lade dir mal ihr erstes jpg [...]

OK, das hatte ich versäumt. Dann ist mein Lösungsvorschlag natürlich hinfällig... 😣

@Mari-2017

[...] Genau, du hast mich richtig verstanden. [...]

Damit ist die Verwirrung dann komplett. 😀

Lass mich mal einen Versuch unternehmen, zu sortieren, worüber wir hier reden:

Bei der Analyse der bisher geposteten Kommentare kann eigentlich nur der Link (Button) "MENÜ" als Problem gemeint sein.
Der zeigt auf dem Desktop auch bei verkleinertem Browserfenster in der Ansicht für Mobilgeräte keine Auffälligkeiten.
Öffnet man die Website aber mit einem Mobilgerät (Android, IOS, etc.), sieht man beim Antippen des Buttons einen blauen Hintergrund. Genau der ist das Problem. Sehe ich das richtig?

Hier mal ein Screenshot von meinem Android (7) Smartphone.

Im WD wird die Schaltfläche "MENÜ" als NavBar angelegt. Das heißt, sie muss zwingend einen Grafik Hintergrund haben (z. B. ein Rechteck).
Im folgenden Screenshot als "Form" gekennzeichnet.

Scheinbar ist der Browser auf dem Mobilgerät (bei mir der native Android Browser) nicht in der Lage, den Hintergrund auszublenden. Auch dann nicht, wenn der Hintergrund transparent angelegt wird!

Weist man dem Hintergrund eine andere Farbe zu, wird die zwar angezeigt, aber leider nur als Überlagerung der weiter angezeigten, blauen Farbe, die ursprünglich angezeigt wurde (s. Screenshot).

Hier hatte ich dem Hintergrund ein dunkles Anthrazit verpasst und die Schrift in Weiß angelegt.

Was bleibt ist die Vermutung einer Browser Inkompatibilität oder die Befürchtung, dass tatsächlich ein Bug im WD vorliegt, der bei der Generierung des HTML Codes etwas "unterschlagen" hat, was die Browser der Mobilgeräte erwartet haben. 😫

Wie dem auch sei. Ich sehe keine direkte Möglichkeit, das Problem mit der verwendeten Vorlage abzustellen.
Bleibt als Alternative ein Versuch mit einer anderen Vorlage oder zumindest mit einer anderen NavBar...

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

Mari-2017 schrieb am 06.08.2017 um 16:11 Uhr

Danke BeRo!!!!😊 Vielen vielen Dank!👍
Ich habe schon an mir selbst gezweifelt, weil ich Tage daran gesessen habe!
Dann werde ich mich mal auf die Suche nach einer anderen NavBar machen, in der Hoffnung, dass diese dann besser funktioniert.
Falls du oder ihr einen Tipp für mich hast/habt?
Viele Grüße, Mari