Damit ich auch immer mein Bestes gebe ...

Dieses Forum stellt schon hohe Ansprüche an die Helfer und macht einem das immer wieder bewusst:

Zitat von Sören Hentzschel

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:

Zitat von Sören Hentzschel

Leider muss man sagen, dass die Konkurrenz auch nicht sonderlich groß ist.

Schlimmer noch, man gibt sich selbst immer einen Arschtritt ...

Zitat von FuchsFan

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.

Zitat von FuchsFan

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?

Zitat von FuchsFan

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.

Zitat von .DeJaVu

Eleganter:

Was soll das bewirken, eine Schriftgröße von 0? Da ist nichts mehr sichtbar.

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?

Zitat von .DeJaVu

Den Unterschied zwischen visibility: hidden und display: none kennst du aber? (rein informativ gefragt)

Davon war in deinem Beitrag überhaupt nicht die Rede.

Das konnte ich ja nicht wissen. Dann ersetze mal in Zeile 4 visibility: hidden durch display: none und entferne die Zeilen 7 und 15.

Zitat von .DeJaVu

Hier nicht.

Schaue mal in Beitrag #6. Er ist nicht übergroß. Aber er ist da. Kein Wunder bei der Verwendung von ::before und ::after

Zitat von .DeJaVu

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.