Anpassung Camp-Firefox Hilfe-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.

Zitat von .DeJaVu

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.

Zitat von FuchsFan

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");}

und meinem CSS Code.

Auch nicht perfekt

Zitat von 2002Andreas

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.

/* Button "Inhalt melden" unter Konversation ausblenden */   
@-moz-document url-prefix("https://www.camp-firefox.de/konversation/") {

#tpl_wcf_conversation .messageFooterGroup .jsReportConversationMessage {
     display: none !important;
    }
}

Zitat

Wenn 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.

Zitat von .DeJaVu

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?

Zitat von .DeJaVu

#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).

Zitat von .DeJaVu

"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;
    }    
}

Woran könnte das liegen?

Die Icons verändern nach dem Login ihr Aussehen.

vor Login nach Login

Zitat von FuchsFan

Woran könnte das liegen?

Welchen Code benutzt du denn für die Icons?

Zitat von 2002Andreas

Welchen Code benutzt du denn für die Icons?

Von hier , Andreas.

RE: Anpassung Camp-Firefox Hilfe-Forum

Zitat von FuchsFan

Von hier

Funktioniert hier einwandfrei an- bzw. auch abgemeldet.

Zitat von 2002Andreas

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!

Zitat von .DeJaVu

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;
}
}

Farben und Abstände etc. können angepasst werden im Code.