Ja, und ich hab dir bzw. euch gezeigt, dass es auch anders, eleganter und aus meiner Sicht einfacher möglich ist. Und die Frage nach dem Unterschied war nur dafür gedacht, ob dir bewusst wäre was visibility noch alles bewirkt.
Noch einmal, du wolltest da ein Problem lösen (Beitrag #9), von dem ich da noch gar nichts wusste, weil ich erst im Beitrag #11 erfahren habe, dass FuchsFan sowohl ::before als auch ::after verwendet.
Darum geht es aber nicht mehr bei mir.
Worum es bei dir geht, weiß ich nicht. FuchsFan wollte meine Hilfe. Und er wollte sehen, wie ich es bei mir gemacht habe, hat es aber dann anders gestaltet.
Das konnte ich ja nicht wissen. Dann ersetze mal in Zeile 4 visibility: hidden durch display: none und entferne die Zeilen 7 und 15.
Hier nicht.
Schaue mal in Beitrag #6. Er ist nicht übergroß. Aber er ist da. Kein Wunder bei der Verwendung von ::before und ::after
Du hast das doch auseinandergerissen. Einmal ::before und einmal ::after. Dazwischen, wenn auch nicht sichtbar, da verborgen, der Originaltext. Dadurch ist da ein großer Leerraum. Ist das so gewollt?
Den Unterschied zwischen visibility: hidden und display: none kennst du aber? (rein informativ gefragt)
Davon war in deinem Beitrag überhaupt nicht die Rede.
Habe gerade über Hilfe --> Über Firefox --> Neue Funktionen und Änderungen aktualisiert. Da stehen dann auch die Änderungen.
Viele Leerzeichen.
Das macht man nicht. Abstände werden mit margin (Außenabstände) oder padding (Innenabstände) definiert oder wie hier die Schrift gestreckt. Zeige mal deinen Code.
Eleganter:
Was soll das bewirken, eine Schriftgröße von 0? Da ist nichts mehr sichtbar.
Noch zur Schriftdehnung, das wollte nicht funktionieren (oder ich habe den Code nicht richtig angebracht).
Wie hast du es denn angegeben? Was funktioniert denn nicht? Verwendest du außerdem letter-spacing oder viele Leerzeichen?
Es gibt dazu einen Bugreport, könnte also in der Zukunft noch kommen:
Und weil du das so wunderbar hinbekommen hast, so wäre es ein Leichtes für Dich, den Code hier zu zeigen.
Mal ehrlich , das würde mich wirklich interessieren, denn ich habe die letzten Tage damit verbracht die Schrift von Forum zu dehnen, so wie Du es vorher hattest. Firefox kein Problem, aber für Forum keine Chance.
Also, bitte, zeige mal das Geheimnis.
Hm, muss ich mir mal überlegen- 
Spaß beiseite. Im Grunde musst du nur zwei Dinge beachten. Für h1.contentTitle ohne ::before den Text verbergen und für h1.contentTitle::before den Text sichtbar machen. Der vollständige Inhalt, der auf der Startseite angezeigt wird, kommt also in die Eigenschaft content von h1.contentTitle::before. Du brauchst aber h1.contentTitle ohne ::before weiterhin, da das ja auf die Unterseiten wirkt. Das behebt auch dein Problem: Jetzt ist nämlich das Wort Forum Bestandteil von content, eine doppelte Anzeige kann nicht passieren, da ja das originale Wort Forum verborgen ist. Hier der dazugehörige Code:
@-moz-document url(https://www.camp-firefox.de/forum/) {
h1.contentTitle {
visibility: hidden !important;
}
}Dieser Code verbirgt den Text von h1.contentTitle (ohne ::before!) (also das originale Wort Forum) und zwar nur auf der Startseite.
Zum Inhalt von content musst du wissen, dass du mehrere Werte durch Leerzeichen getrennt einbinden kannst, es muss also nicht nur ein Wert sein. In meinem Beispiel werden mehrere Textteile und eine Grafik gemischt. Hier der Code:
@-moz-document url(https://www.camp-firefox.de/forum/) {
h1.contentTitle::before {
visibility: visible !important;
content: "Das beste\1F609 deutsche Firef" url("../icons/firefox_logo.png") "x-Forum" !important;
}
}Die anderen Eigenschaften lasse ich mal weg, du hast sicherlich andere bzw. andere Werte. Du musst auch noch statt firefox_logo.png den Namen deiner Grafik-Datei angeben. Damit der Text von content angezeigt werden kann, muss hier jetzt visibility: visible gesetzt werden.
Der Unicode-Code \1F609 bezeichnet das Zwinker-Smiley, ist also Text.
Für das Dehnen hatte ich ursprünglich letter-spacing verwendet, das den Abstand zwischen Buchstaben verändert. Das klappte aber dann nicht mehr so richtig nach Einfügen der Grafik. Stattdessen verwende ich jetzt:
font-stretch: ultra-expanded !important;Der Wert ultra-expanded bezeichnet die größtmögliche Streckung.
Ich muss hier mal aber gerechterweise schreiben, dass .DeJaVu etwas unvollständig schreibt, er gibt nie an, dass das in den Code-Kasten einfgefügt werden soll. Das irritiert natürlich Nutzer, die das noch nicht kennen. Mit Beitrag #3 könnte ich auch nicht viel anfangen. Also, .DeJaVu!
als Code einfügen
In Code einfügen. Nämlich in den Code-Kasten, der erscheint, wenn du dauf das Symbol </> geklickt hast. Das ist doch in Beitrag #9 gut zu sehen. Die Formatierung erfolgt dann von alleine.
Hallo bigpen,
alles Gute zu deinem Geburtstag und das was du dir selbst noch wünschst.
Aber was hast du mit dem Logo von camp-firefox.de gemacht? Grünes Holz und Violettes Feuer?
Das brennt nur nächtens so. Am Tage leuchtet es:
Leider muss man sagen, dass die Konkurrenz auch nicht sonderlich groß ist.
Schlimmer noch, man gibt sich selbst immer einen Arschtritt ...
Dieses Forum stellt schon hohe Ansprüche an die Helfer und macht einem das immer wieder bewusst: 
Ja, sie muss dann Verantwortung tragen.
Sie wird sicher sagen: „Ich schaffe das.“
Willkommen im Jahr 2031
Ist denn der BER schon eröffnet? 
wenn ich den Link in #2 anklicke lande ich immer noch auf hsb
Stimmt. Hm. Jetzt sollte es aber klappen.
Mit CSS kannst du aber nur scrollbar-color (Farbe) und scrollbar-width (Breite) nutzen, mehr gibt es nicht. Für den Rest bleibt dir nichts anderes übrig, als obiges Skript zu nutzen.
Der Eintrag erscheint auch in der Navi-Leiste, aber über der Adresse. Ich möchte ihn natürlich vor diese haben, und außerdem wird die Höhe der Leiste jetzt automatisch erweitert.
.pageNavigation bezeichnet eine Box. Wenn du hier mit ::before arbeitest, willst du de facto eine Box vor eine Box setzen. Da du wahrscheinlich wie ich margin-left und margin-right gesetzt hast, wird der Bereich für Navigation über die ganze Bildschirmbreite ausgedehnt. Wenn du links margin-left wegnimmst, steht dann dein content-Text außerhalb des Bereichs. Probiere mal das:
li[title="camp-firefox.de"]::before {
...
}Noch zur Ergänzung: Auf MDN steht, dass bei URIs die absoluten (also vollständigen Pfade) angegeben werden sollen. Die angegebenen Beispiele sind aber alle Webadressen. Bei lokalen Adressen ist das anscheinend nicht nötig.