Ja
also userChrome.css weiss ich ja wie man es macht. hab mit @import die css-dateien dort geladen..
soll ich das gleiche auch für userContent.css machen? ein script mit css-endung und dort im userContent.css eine zeile mit @import?
Ja
also userChrome.css weiss ich ja wie man es macht. hab mit @import die css-dateien dort geladen..
soll ich das gleiche auch für userContent.css machen? ein script mit css-endung und dort im userContent.css eine zeile mit @import?
soll ich das gleiche auch für userContent.css machen?
Ja.
Und so muss das dann in der Datei aussehen:
@-moz-document domain("camp-firefox.de") {
.messageGroupStarter .messagePublicationTime .datetime::after {
content: ' Themenstarter';
background: red !important;
color: white !important;
padding-block: 1.6px;
padding-left: 5px !important;
padding-right: 8px !important;
margin-left: 10px !important;
}
.messagePublicationTime time.datetime {
background: blue !important;
color: white !important;
padding-block: 1.5px !important;
padding-left: 5px !important;
padding-right: 0px !important;
margin-left: 10px !important;
}
.badge.label.newMessageBadge {
background: green !important;
}
}
Alles anzeigen
Die oberste Zeile ist wichtig, damit der Code nur auf das Forum und keine andere Webseite wirkt.
keine andere Webseite wirkt.
Danke dir
jetzt hab ich es genau so wie ich es will.
So sollte es ja auch immer sein
immer sein
Genau.
Hast du denn im Inspektor dann auch mal auf die Pfeilspitze vor dem Eintrag geklickt, um darunterliegende Einträge aufzuklappen? Auch ist dann im Eintrag eine Ellipsis (drei nebeneinder befindliche Punkte) zu sehen. Da kann man ebenfalls drauf klicken, um aufzuklappen.
Ja, aber ich hab nicht das erkannt, was ich benutzen könnte/sollte
Ich werd gleich mal mit "Inhalt melden" von Dharkness anfangen und versuchen, durch "selberinspizieren" die anderen hinzubekommen...
Rechtsklick auf den Button Inhalt melden...Untersuchen
Schade, dass man das auch nicht bei den Firefox-Anpassungen machen kann.
Das geht doch mit den Browser-Werkzeugen?
Früher ging das
Leider nur früher.
Aber gibt es nicht irgendeine Erweiterung, die dabei helfen kann?
Wie gesagt, das geht mit den Browser-Werkzeugen. Dafür braucht es keine Erweiterung wie den DOM Inspector. Der stammt aus einer Zeit, als es das in Firefox noch nicht gab. Man wählt halt erst das Werkzeug und macht dann einen Linksklick auf das Element. Ist jetzt nicht wirklich auf dramatische Weise anders als einen Rechtsklick zu machen und "Untersuchen" zu wählen.
Rechtsklick auf den Button Inhalt melden...Untersuchen
Ja, soweit war ich gestern auch schon, aber mit dem Gefundenen bin ich nicht weitergekommen.
Den Code von Dharkness aus #12 will ich aber nicht einfach übernehmen, sondern versuchen zu lernen, ob ich es schaffe, mich für die anderen 3 da durchzuhangeln...
Der stammt aus einer Zeit, als es das in Firefox noch nicht gab.
Hat aber gut funktioniert.
ob ich es schaffe
Du schaffst das...mach es einfach ganz in Ruhe.
Hmpfff...
Ich hab den Original-Code von Dharkness kopiert:
/* CFF_9_melden_etc.css
Aktionen auf Beiträge aufhübschen (die 3 oder 4 rechts unten)
von: Dharkness
https://www.camp-firefox.de/forum/thema/133579-selektor-f%C3%BCr-neu-gesucht/?postID=1186036#post1186036
*/
@-moz-document domain("camp-firefox.de") {
/* ersma einen schöneren "Neu-Button" */
.badge.label.newMessageBadge{
background: red !important;
font-weight: bold !important;
border-radius: 5px !important;
}
/* Inhalt melden */
.jsReportPost.jsOnly, .jsReportPost.jsOnly:hover {
border: 0 !important;
}
.jsReportPost.jsOnly a {
background: #FFA500;
padding: 3px 5px !important;
}
.jsReportPost.jsOnly a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsReportPost.jsOnly span {
min-width: 108px;
}
.jsReportPost.jsOnly span::after {
content: "Inhalt melden" !important;
padding-left: 10px !important;
}
}
Alles anzeigen
und erhalte folgendes:
Warum?
Warum?
/* CFF_9_melden_etc.css
Aktionen auf Beiträge aufhübschen (die 3 oder 4 rechts unten)
von: Dharkness
https://www.camp-firefox.de/forum/thema/133579-selektor-f%C3%BCr-neu-gesucht/?postID=1186036#post1186036
*/
@-moz-document domain("camp-firefox.de") {
/* ersma einen schöneren "Neu-Button" */
.badge.label.newMessageBadge{
background: red !important;
font-weight: bold !important;
border-radius: 5px !important;
}
/* Inhalt melden */
.jsReportPost.jsOnly, .jsReportPost.jsOnly:hover {
border: 0 !important;
}
.jsReportPost.jsOnly a {
background: #FFA500 !important;
padding: 3px 5px !important;
}
.jsReportPost.jsOnly a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsReportPost.jsOnly span {
min-width: 108px!important;
}
.jsReportPost.jsOnly span::after {
content: "Inhalt melden" !important;
padding-left: 10px !important;
}
}
Alles anzeigen
In Zeile 21 und 29 ein !important hinzugefügt.
Warum?
Weil in Zeile 29 das !important fehlte. Dadurch wird die Standardbreite verwendet. Da dort standardmäßig nur ein Symbol ist, das nicht sehr breit ist, das aber in Zeile 32 durch einen längeren Text ergänzt wird, wird die Standardbreite zu schmal für diesen Text.
Danke
Gerne doch