Anpassung Camp-Firefox Hilfe-Forum

    Es führen, wie so oft, viele Wege nach Rom. Ich halte die Variante mit der @-moz-document.Regel für aussagekräftiger. Die Nutzer, die mit CSS nicht so bewandert sind, können damit sicherlich nicht sehr viel anfangen. Bei der @-moz-document- Regel kann man ihnen aber erklären, dass der Code nur auf der Seite wirkt, deren Internetadresse angegeben ist. Diese Variante bietet sich also besonders für Helfer an.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Zitat von 2002Andreas

    Es ist zwar sehr unwahrscheinlich, dass es diese Bezeichnung auch auf einer anderen Webseite so gibt:

    Gar nicht so unwahrscheinlich. Das wird es nämlich auf praktisch jeder Seite geben, welche diese Software nutzt. Selbst wenn die IDs anders verteilt sind - Die Software kommt standardmäßig mit mehr als 70 Seiten, das heißt, irgendwo ist eine Seite mit der ID 47.

    Hallo Sören,

    Zitat von Sören Hentzschel
    Zitat von 2002Andreas

    Es ist zwar sehr unwahrscheinlich, dass es diese Bezeichnung auch auf einer anderen Webseite so gibt:

    Gar nicht so unwahrscheinlich. Das wird es nämlich auf praktisch jeder Seite geben, welche diese Software nutzt. Selbst wenn die IDs anders verteilt sind - Die Software kommt standardmäßig mit mehr als 70 Seiten, das heißt, irgendwo ist eine Seite mit der ID 47.

    wie sieht es damit → itemid="https://www.camp-firefox.de/forum/" aus, ist das alleinstehend?

    Meine Anpassung ist natürlich mittels der Erweiterung Stylus für das Camp festgenagelt.

    Es grüßt,

    Ralf

    Solange sich die URL nicht verändert. Das bietet aber keinen Vorteil gegenüber der @-moz-document-Methode, sollte also nicht stattdessen verwendet werden. Sonst muss das CSS ja trotzdem auf ausnahmslos jeder Website geparst werden, nur um auf jeder Seite zu prüfen, ob das angewendet werden muss, obwohl du ja bereits weißt, dass es sonst nirgends anzuwenden ist.

    Nur mal so, das Thema weitet sich doch aus, vielleicht sollte man alle Beiträge außer die Beiträge #1, #2, #3 und #9 in einen eigenen Thread verschieben.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Danke.

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress

    Bei mir hat sich nur wenig getan, allenfalls kleinere Anpassungen und Fehlerbehebungen, neu ist der Teil für die mobile Ansicht, auch wenn dieses Forum Code dafür beinhaltet. Die mobile Ansicht ist nicht perfekt.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    2 Mal editiert, zuletzt von .DeJaVu (28. August 2020 um 12:46)

    Zitat von 2002Andreas

    Meinst du das so?

    Moinmoin!:)

    Ja, Andreas, das passt. :thumbup:

    Ich hatte gestern noch hier einen Schnipsel gefunden, da begann die erste Zeile mit popoverContent, damit kamen dann auch keine Popup-Fenster mehr, aber es war noch immer ein waagerechter Balken zu sehen (2mm stark).

    Danke!:)

    Grüße vom FuchsFan

    Diese "Spielerei" RE: Anpassung Camp-Firefox Hilfe-Forum habe ich nun eingearbeitet, versuche nun die nächste, aber das will nicht so recht.

    Das Fuchs-Icon wird zwar angezeigt, aber nur dann wenn ich über content (hier Unterstrich) etwas dazu einfüge.

    Der Code dazu:

    CSS
    h1.contentTitle::after{
    content: "___" !important;
    background: url("..//icons/FuchsCamp2.png") no-repeat !important;
    margin-left: 30px !important; }

    Kann man das auch eleganter lösen?

    Grüße vom FuchsFan

    Is klar, denn ohne content hast du auch kein Bild, richtig wäre

    CSS
    content: url(data:image/png;base64,...) !important;

    bzw

    CSS
    content: url("../bild") !important;

    Und dann nur noch positionieren nach Wunsch mit margin bzw position/top/left/right/

    Ein Slash / reicht übrigens.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    Zitat von FuchsFan

    Kann man das auch eleganter lösen?

    Z.B. so:

    CSS
    .contentTitle::after {
    content: "   " !important;
    background: url("..//icons/FuchsCamp2.png") no-repeat !important;
    background-position: 0px 15px !important;
    margin-left: 18px !important;
   }

    Statt dem ___ habe ich Leerräume eingefügt.

    Die erstellt man mit der Tastenkombi:

    Alt + 0165

    PS:

    Evtl. fällt einem anderen User ja noch eine bessere Lösung ein.

    Zitat von 2002Andreas

    Evtl. fällt einem anderen User ja noch eine bessere Lösung ein.

    Mit content kann man auch eine Url zu einer Grafik angeben:

    CSS
    content: url("..//icons/FuchsCamp2.png");

    Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django, LibreOffice, LibreOffice Onlinehilfe, WordPress