Hallo @ all.
Ich habe hier ein kleines Problem.
Dieser Button hat ja eine Doppelfunktion.
Ich möchte passend zu jeder Funktion den jeweiligen Text dauerhaft daneben eingeblendet haben.
Also den Text: Alles anzeigen und: Weniger Anzeigen
Ich kann zwar einen eigenen Text angeben, das funktioniert aber nicht richtig.
Kann man den jeweiligen tooltip dauerhaft anzeigen?
Für jegliche Hilfe wie immer vielen Dank vorweg.
Bitte testen:
/* "Mehr/weniger anzeigen" OBEN in der Code-Box */
.codeBox.collapsibleBbcode.collapsed.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled,
.codeBox.collapsibleBbcode.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled {
border: 1px solid darkgrey !important;
border-radius: 6px !important;
background-color: cadetblue !important;
color: yellow !important;
padding: 5px 8px 5px 10px !important;
margin: 0 !important;
}
.codeBox.collapsibleBbcode.collapsed.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled::before {
content: "Alles anzeigen" !important;
color: yellow !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.codeBox.collapsibleBbcode.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled::before {
content: "Weniger anzeigen" !important;
color: yellow !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}
.codeBox.collapsibleBbcode.highlighted.collapsed span.toggleButton.jsToggleButtonEnabled:hover,
.codeBox.collapsibleBbcode.highlighted span.toggleButton.jsToggleButtonEnabled:hover,
.codeBox.collapsibleBbcode.collapsed.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled:hover,
.codeBox.collapsibleBbcode.highlighted div.codeBoxHeader span.toggleButton.pointer.jsToggleButtonEnabled:hover {
background-color: green !important;
color: white !important;
}Mit diesem zusätzlichen Code hast du dann noch das gleiche unterhalb der Box:
/* "Mehr/weniger anzeigen" UNTEN in der Code-Box */
.codeBox.collapsibleBbcode.highlighted.collapsed span.toggleButton.jsToggleButtonEnabled {
border-top: 1px solid darkgrey !important;
border-radius: 0 0 5px 5px !important;
background-color: cadetblue !important;
padding: 10px 0 !important;
margin: 0 !important;
}
.codeBox.collapsibleBbcode.highlighted span.toggleButton.jsToggleButtonEnabled {
border-top: 1px solid darkgrey !important;
border-radius: 0 0 5px 5px !important;
background-color: cadetblue !important;
padding: 10px 0 !important;
margin: 0 -10px -10px !important;
}Bitte testen:
Perfekt...herzlichen Dank dafür
Gerne! Freut mich, wenn ich für dich auch mal den passenden Code aus dem Ärmel schütteln kann... 
aus dem Ärmel schütteln kann.
Danke, gute Codes. Dann wäre es logisch, den Tooltip auszublenden.
den Tooltip auszublenden.
Ich kenne leider nur einen pauschalen Code.
#balloonTooltip {
display: none;
}Evtl. kennt ein anderer User ja einen Code nur für den Button.
