Und wo ist nun das Problem, endlich mal den Inspector zu nutzen?
#tpl_wcf_conversation .messageFooterGroup .jsReportConversationMessage
#tpl_wcf_ ist das jeweilige Tag für die Seiten hier im Forum.
Und wo ist nun das Problem, endlich mal den Inspector zu nutzen?
#tpl_wcf_conversation .messageFooterGroup .jsReportConversationMessage
#tpl_wcf_ ist das jeweilige Tag für die Seiten hier im Forum.
Und wo ist nun das Problem, endlich mal den Inspector zu nutzen?
Wenn ich dazu dein Wissen hätte, dann würde ich sicherlich nicht um Hilfe ersuchen. Also bitte, sag mir, wo ich, und was ich eintragen muss. Den Inspector habe ich immer benutzt, um mir überhaupt die Seite einzurichten, auch mit der Nachhilfe von dir, milupo, Andreas, u.a.
Leider macht es das nicht
Teste bitte mal mit diesem Script:
// ==UserScript==
// @name data-tooltip ausblenden, camp-firefox.de
// @namespace Violentmonkey Scripts
// @include https://www.camp-firefox.de/forum/*
// @include https://www.camp-firefox.de/forum/forum/*
// @include https://www.camp-firefox.de/forum/thema/*
// @exclude https://www.camp-firefox.de/konversation/*
// @grant none
// @run-at document-end
// ==/UserScript==
var links1 = document.getElementsByClassName('button'); for(var i = 0; i < links1.length; i++) {links1[i].removeAttribute("data-tooltip");}
//var links2 = document.getElementsByClassName('button'); for(var i = 0; i < links2.length; i++) {links2[i].removeAttribute("title");}
//var links3 = document.getElementsByTagName('a'); for(var i = 0; i < links3.length; i++) {links3[i].removeAttribute("title");}
Alles anzeigen
und meinem CSS Code.
Auch nicht perfekt
und meinem CSS Code.
Danke, Andreas, ich habe jetzt deinen Code mit dem Selektor von .DeJaVu ergänzt, dann funktioniert es. Danke für eure Hilfe.
ZitatWenn ich dazu dein Wissen hätte, dann würde ich sicherlich nicht um Hilfe ersuchen.
Versteh es bitte nicht falsch, man hilft auch gerne, aber so langsam sollte da auch bei dir ein Eigenantrieb erkennbar sein für die Menge an Änderungen, die du bei dir einpflegst. Ich kann dir nicht sagen, ob die Zeile in eine userChrome oder userContent gehört, weil ich damit nicht wirklich arbeite, Webseiten werden hier mit Stylus bearbeitet. Also ist es ein CSS.
Andreas, alles kontraproduktiv, würde ich sagen. "data-tooltip" ist ein Beschreibungstext. Wenn man Elemente ausblenden will, macht man das am besten über CSS und das ist hier auch ohne jenes machbar, wie in meiner vorherigen Antwort ersichtlich.
aber so langsam sollte da auch bei dir ein Eigenantrieb erkennbar sein
Was glaubst du wohl, wie oft ich den Inspektor bemüht habe, dass er mir den Selektor anzeigt. Wenn du jetzt so nett wärest, und mir den Screenshot dazu zeigen würdest.
Screenshot von was denn?
#tpl_wcf_conversation
Davon.
"Element untersuchen" solltest du kennen, der Rest wie gezeigt.
tpl_wcf ist aber auch reichlich in meinen Camp-Style zu finden und das hat Gründe, um spezielle Seiten zu unterscheiden, weil die sich bei gleichen (sonstigen) Tags komplett anders verhalten. Dank WBB kann man hier nahezu jedes Element sehr genau bestimmen.
Im Bild ist auch zu sehen, dass "data-tooltip" nicht mehr vorhanden ist (wegen des Userscripts).
"Element untersuchen" solltest du kennen, der Rest wie gezeigt.
Jetzt habe ich wieder etwas dazu gelernt, wenn ich weiter nach oben scrolle, komme ich auch dort hin. Das habe ich nie beachtet, sondern immer gleich im markierten Bereich gesucht, und da bin ich dann auch immer hier gelandet .messageFooterGroup .jsReportConversationMessage. Danke!
Keine Ursache. brainstorming rul0rt
Mit dem Code von hier RE: Anpassung Camp-Firefox Hilfe-Forum wird ja der Button ausgeblendet.
Wer ihn doch behalten möchte, kann dafür dann diesen Code zur Anpassung einsetzen.
/* Button "Inhalt melden" unter Konversation Farbe und Hover angepasst */
@-moz-document url-prefix("https://www.camp-firefox.de/konversation/") {
#tpl_wcf_conversation .messageFooterGroup .jsReportConversationMessage .button{
background-color: orange !important;
margin-left: 8px !important;
}
#tpl_wcf_conversation .messageFooterGroup .jsReportConversationMessage .button:hover{
background-color: greenyellow !important;
}
}
Alles anzeigen
Woran könnte das liegen?
Welchen Code benutzt du denn für die Icons?
Welchen Code benutzt du denn für die Icons?
Von hier , Andreas.
Von hier
Funktioniert hier einwandfrei an- bzw. auch abgemeldet.
Funktioniert hier einwandfrei an- bzw. auch abgemeldet.
Danke, dann muss ich mal die Sonnenbrille abnehmen, und auf Intensivsuche gehen.
Kann nicht sein, dass du den 1:1 benutzt, da ich nicht angemeldet auch bunte Symbole habe. Suche den Fehler in deinen Änderungen!
Suche den Fehler in deinen Änderungen!
Jaaa, nun ist wieder gut.
Nur wieder eine Spielerei
Wer möchte...
@-moz-document url-prefix(https://www.camp-firefox.de/forum/thema/) {
.codeBox .codeBoxHeader {
position: sticky !important;
top: 10px !important;
z-index: 1 !important;
padding: 10px 10px 10px !important;
margin: -10px -10px 0 !important;
background-color: #fafafa !important;
align-items: center !important;
display: flex !important;
min-height: 24px !important;
}
span.toggleButton.icon.icon24.fa-expand.pointer.jsToggleButtonEnabled::after {
content: "Alles anzeigen" !important;
padding-left: 8px !important;
padding-top: 0px !important;
color: green !important;
}
span.toggleButton.icon.icon24.pointer.jsToggleButtonEnabled.fa-compress::after {
content: "Weniger anzeigen" !important;
padding-left: 8px !important;
padding-top: 0px !important;
color: blue !important;
}
span.toggleButton.icon.icon24.fa-expand.pointer.jsToggleButtonEnabled {
min-width: 180px !important;
margin-right: 20px !important;
color: blue !important;
}
span.toggleButton.icon.icon24.pointer.jsToggleButtonEnabled.fa-compress {
min-width: 180px !important;
margin-right: 20px !important;
color: green !important;
}
span.toggleButton.icon.icon24.fa-expand.pointer.jsToggleButtonEnabled:hover,
span.toggleButton.icon.icon24.pointer.jsToggleButtonEnabled.fa-compress:hover {
color: red !important;
}
div.codeBoxHeader span.icon.icon24.fa-files-o.pointer::after {
content: "Kopieren" !important;
padding-left: 8px !important;
padding-top: 0px !important;
}
div.codeBoxHeader span.icon.icon24.fa-files-o.pointer {
color: red !important;
min-width: 140px !important;
margin-right: 15px !important;
}
div.codeBoxHeader span.icon.icon24.fa-files-o.pointer:hover {
color: green !important;
min-width: 140px !important;
margin-right: 15px !important;
}
}
Alles anzeigen
Farben und Abstände etc. können angepasst werden im Code.