WebSite X5Help Center

 
Klaus G.
Klaus G.
User

Sonderzeichen in Ebenenmenü farbig  de

Autor: Klaus G.
Visitado 1582, Followers 1, Compartido 0  

Hallo alle zusammen und ein GUTES NEUES JAHR,

ist es möglich Sonderzeichen im Ebenenmenü mit individuellen Code farbig zu gestallten.

Ich würde gerne den Pfeil (bei Impressum) nach unten per Code farbig haben.

Ist das derzeit mit WSX 5 Version 2019.3.11 mäglich ????

Gruß

MCMACMASTER

Publicado en
22 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Wie hast du den Pfeil eingebunden in die Ebene?  In den Eigenschaften der Ebene als Grafik?  Oder hast du im Text einfach die Tastenkombi benützt für das Sondernzeichen?

Leer más
Publicado en de Andreas S.
Klaus G.
Klaus G.
User
Autor

Tastenkombination ALT+31

Leer más
Publicado en de Klaus G.
Incomedia
Stefano G.
Incomedia

Hello Klaus

I am afraid that there is no way to do that through the software alone.

Perhaps you could use some custom code to modify the look of the text once it is loaded on the final page, but as you know the Staff cannot help with that.

If you meant that you wished this color to appear on UI instead, then I am afraid that there's really no workaround for that

I will leave the topic open in any case so that other users might provide their ideas if you needed this to actually appear online

Thank you

Stefano

GOOGLE TRANSLATE ---

Hallo Klaus

Ich befürchte, dass es keine Möglichkeit gibt, dies allein durch die Software zu tun.

Möglicherweise könnten Sie einen benutzerdefinierten Code verwenden, um das Aussehen des Texts zu ändern, sobald er auf der letzten Seite geladen ist. Wie Sie jedoch wissen, kann der Stab hier nicht weiterhelfen.

Wenn Sie damit gemeint haben, dass diese Farbe stattdessen auf der Benutzeroberfläche angezeigt werden soll, dann fürchte ich, dass es dafür wirklich keine Problemumgehung gibt

Ich werde das Thema auf jeden Fall offen lassen, damit andere Benutzer ihre Ideen einbringen können, wenn Sie dies benötigen, um tatsächlich online zu erscheinen

Vielen Dank

Stefano

Leer más
Publicado en de Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.
... ...  ist es möglich Sonderzeichen im Ebenenmenü mit individuellen Code farbig zu gestallten. ... ...

... EXTRA >> JavaScript / jQuery   >>  LINK ...?...  

ciao

*

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallo KolAsim,

hättest du mir eventuell mal so ein Script.

Danke schon mal im vorraus.  coollaughing

Gruß

MCMACMASTER

Leer más
Publicado en de Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.
... ... hättest du mir eventuell mal so ein Script. ... ... 

(It > De) ... leider habe ich momentan keinen PC und daher auch kein Programm...foot-in-mouth...
... also wie gesagt, ich kann mich nur auf Page LINKS verlassen ...
... wenn Sie den LINK setzen,  auch ein einfaches Beispiel mit dem Pfeil (▼) [▼], dann werde ich gerne versuchen zu sehen, was getan werden könnte und ich werde wieder hierher kommenwink, sonst kann ich mir nichts vorstellen...sealed...

Hallo, ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK, ... für rote Farbe, probieren Sie diesen Code im Expertenbereich > /HEAD

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_01_container');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

... 

ciao

... ps: ... wenn du willst, werde ich den Beitrag mit dem LINK verstecken ...

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallo KolAsim,

das ganze funktioniert laughingcool, solange es nur ein Pfeil ist. Wenn ich jetzt 2 oder 3 Pfeile drin habe, wie müsste ich den Code ändern.

Gruß

MCMACMASTER

Leer más
Publicado en de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Es werden doch alle 3 Pfeile in rot angezeigt!  Der Code gilt für das ganze Menü-Objekt und nicht nur für einen Pfeil!

Leer más
Publicado en de Andreas S.
Klaus G.
Klaus G.
User
Autor

NeNeNe,

das ist nur die Beispielseite wie es sein sollte. Die Testseite ist noch nicht Online, bin ja noch am Testen.

Der Code oben funktioniert nur auf dem erst und dem letzten Pfeil, der mittlere bleit noch weis

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imMnMnMiddle_imLevel');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imMnMnLast');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

Leer más
Publicado en de Klaus G.
Klaus G.
Klaus G.
User
Autor

Test, Testen und nochmal Testen und dann machts klick und es funktioniert coollaughing

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imLevel');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imMnMnLast');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

So ist es cooool.

Da Inco es nicht schaft Icons mit "Title" und "ALT" zu versehen, muss halt solch eine Lösung her.

Ich danke euch und KolAsim

Leer más
Publicado en de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Soviel Code benötigst du nicht!  Versuche mal das...

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imLevel');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

Vorausgesetzt die Objektnummer stimmt!

Leer más
Publicado en de Andreas S.
Klaus G.
Klaus G.
User
Autor

Danke Andreas,

denn Code habe ich noch anpassen müssen. So funktioniert er für Menü und für StickyBar:

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container; container .imLevel; container .imMnMnLast');
K = $('#imStickyBar_imMenuObject_01_container; container .imLevel; container .imMnMnLast');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

Danke nochmal an alle.

MCMACMASTER

Leer más
Publicado en de Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.
Test, Testen und nochmal Testen und dann machts klick und es funktioniert ... ... ...  So ist es cooool. Da Inco es nicht schaft Icons mit "Title" und "ALT" zu versehen, muss halt solch eine Lösung her. Ich danke euch und KolAsim

(It > De) ... Ich habe gesehen, dass Sie den PNG  adoptiert haben, ... sehr gut ...wink...
Jedenfalls weiß ich nicht, ob ich es verstehe, aber mit meinem Code können Sie immer einen beliebigen Abschnitt des Menüs steuern und jedem Pfeil eine andere Farbe zuweisen ...
... wenn Sie interessiert sind, benachrichtigen Sie mich und setzen Sie den LINK eines Beispiels ohne Code und mit 2 oder 3 Pfeilen ...

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallo KolAsim,

es wahr zu schön um wahr zu sein. Ich bekomme nur 2 Pfeile hin. 

<script>
$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});        Funktioniert

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imLevel');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});        Funktioniert Nicht ???

$( document ).ready(function() {
K = $('#imHeader_imMenuObject_12_container .imMnMnLast');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});        Funktioniert
</script>

Hier der Link zur Testseite

Danke im Vorraus

Leer más
Publicado en de Klaus G.
Andreas S.
Andreas S.
Moderator
Usuario del mes DE

Was ist wenn du nur meinen Code nimmst? Der müsste alle 3 abdecken !

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.

Hallo KolAsim,

es wahr zu schön um wahr zu sein. Ich bekomme nur 2 Pfeile hin. 

... ... ... 

[/quote

... K1, K2, K3, ... child(4), child(5), child(7) ... ... blue, yellow, fuchsia ... ... wink

<script>
$( document ).ready(function() {
K1 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(4)');
$(K1).html($(K1).html().replace('▼','<span style="color:blue">▼</span>'));
K2 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(5)');
$(K2).html($(K2).html().replace('▼','<span style="color:yellow">▼</span>'));
K3 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(7)');
$(K3).html($(K3).html().replace('▼','<span style="color:fuchsia ">▼</span>'));
});
</script>

.

... or all BLUE:

<script>
$( document ).ready(function() {
 K = $('#imHeader_imMenuObject_12_container .imLevel');
$(K).html($(K).html().replace('▼','<span style="color:blue">▼</span>'));
});
</script>

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.
Hallo KolAsim, es wahr zu schön um wahr zu sein. Ich bekomme nur 2 Pfeile hin.  ... ... ... 

... K1, K2, K3, ... child(4), child(5), child(7) ... ... blue, yellow, fuchsia ... ... wink

<script>
$( document ).ready(function() {
K1 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(4)');
$(K1).html($(K1).html().replace('▼','<span style="color:blue">▼</span>'));
K2 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(5)');
$(K2).html($(K2).html().replace('▼','<span style="color:yellow">▼</span>'));
K3 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(7)');
$(K3).html($(K3).html().replace('▼','<span style="color:fuchsia ">▼</span>'));
});
</script>

.

... or all BLUE:

<script>
$( document ).ready(function() {
 K = $('#imHeader_imMenuObject_12_container .imLevel');
$(K).html($(K).html().replace('▼','<span style="color:blue">▼</span>'));
});
</script>

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Hallo KolAsim,

danke für den Code, ich habe ihn noch ein wenig an meine Webseite angepasst und so funktioniert er sehr gut.

1x MENÜ und 1x StickyBar.

LINK

Dieser ist für Menü:

<script>
$( document ).ready(function() {
K1 = $('#imHeader_imMenuObject_12_container');
$(K1).html($(K1).html().replace('▼','<span style="color:red">▼</span>'));
K2 = $('#imHeader_imMenuObject_12_container > ul > li:nth-child(5)');       (hier die Zahl des Menüs ändern)
$(K2).html($(K2).html().replace('▼','<span style="color:red">▼</span>'));
K3 = $('#imHeader_imMenuObject_12_container .imMnMnLast');
$(K3).html($(K3).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

Dieser ist für StickyBar:

<script>
$( document ).ready(function() {
K = $('#imStickyBar_imMenuObject_01_container');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
K = $('#imStickyBar_imMenuObject_01_container > ul > li:nth-child(5)');    (hier die Zahl des Menüs ändern)
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
K = $('#imStickyBar_imMenuObject_01_container .imMnMnLast');
$(K).html($(K).html().replace('▼','<span style="color:red">▼</span>'));
});
</script>

DANKE NOCHMALS FÜR DEINE HILFE

Gruß

MCMACMASTER

Leer más
Publicado en de Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Klaus G.
Hallo KolAsim, danke für den Code, ich habe ihn noch ein wenig an meine Webseite angepasst und so funktioniert er sehr gut. 1x MENÜ und 1x StickyBar. ... ... ...

... + Sticky Bar ... ausgezeichnet, gut ... wink

Hallo

Leer más
Publicado en de  ‪ KolAsim ‪ ‪