Google-Anzeigen hervorheben

Zitronella

Bestimmt eine Leichtigkeit für jemanden, der sich mit css besser auskennt ( zu 2002Andreas schiel )

Es gibt eine relativ neue Erweiterung Highlight Google Ads die Google Anzeigen hervorhebt.

Diese funktioniert auch, aber ich möchte sie nicht nutzen sondern das per userContent.css bewerkstlligen

Eigentlich ein leichtes, dachte ich mir, denn die Erweiterung hat nur einen css-Code drin nämlich folgenden

CSS

    .ads-ad {
        background: rgb(254, 251, 231);
        padding: 10px;
        border-radius: 5px;
        /* max-height: 65px;
       overflow: auto; */
        border: 1px solid rgb(222, 167, 57) !important;
    }
    .ads-ad:before {
        content: "Advertisement";
        background: #ffe93e;
        padding: 1px 6px;
        margin-bottom: 5px;
        display: inline-block;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: .75em;
        letter-spacing: .05em;
        font-weight: 500;
    }

Alles anzeigen

Aber ich bekam es nicht hin mit vorne dran gestellten @-moz-document domain(google.com) es so einzubinden, damit es auch genauso wie bei der Erweiterung angezeigt wird. Auch mit den Verändern der geschweiften Klammern habe ich rum gespielt. Klappte alles nicht. (ich erspar euch mal das posten meiner ganzen falschen Versuche)

Wie muss der Code richtig heißen, damit es angezeigt wird?

Sören Hentzschel

Du musst überall !important ergänzen, wenn du via userContent.css anpasst.

2002Andreas

CSS

@-moz-document domain(google.com),
               domain(google.de){

    .ads-ad {
        background: rgb(254, 251, 231) !important;
        padding: 10px !important;
        border-radius: 5px !important;
        /* max-height: 65px;
       overflow: auto; */
        border: 1px solid rgb(222, 167, 57) !important;
    }
    .ads-ad:before {
        content: "Advertisement" !important;
        background: #ffe93e !important;
        padding: 1px 6px !important;
        margin-bottom: 5px !important;
        display: inline-block !important;
        border-radius: 3px !important;
        text-transform: uppercase !important;
        font-size: .75em !important;
        letter-spacing: .05em !important;
        font-weight: 500 !important;
    }
}

Alles anzeigen

Zitronella

Danke 2002Andreas, klappt hervorragend. Ich frage mich nur welchen Fehler ich neulich machte beim Ausprobieren Vielleicht war ich da auch zu müde. Das mit dem überall !important hatte ich nämlich auch versucht und mit den geschweiften Klammern auch rum gespielt.

Leider habe ich meine ganzen Versuche dann gelöscht gehabt. Das ärgert mich nun selbst, denn dann könnte ich vergleichen.

Und heute hab ich es erst gar nicht mehr ausprobiert, sondern gleich als Frage ins Forum gepostet.

Ich Danke auf jeden Fall euch beiden.

2002Andreas

Zitat von Zitronella

Ich Danke auf jeden Fall euch beiden.

Was mich davon betrifft...wie immer gern geschehen

Zitat von Zitronella

Das ärgert mich nun selbst

Muss dich nicht ärgern, passiert mir auch hin und wieder mal.

Erst neulich habe ich hier einen Code in der userContent.css getestet, ging nicht...gesucht etc. nichts...und DANN...er musste auch in die userChrome.css

.DeJaVu

Aus dem Coed und der Webseite:

CSS

.ads-ad
{
    background: rgb(254, 251, 231) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    border: 1px solid rgb(222, 167, 57) !important;
}
.ads-visurl
{
    background: rgba(232, 0, 0, .5) !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

span.NceN9e
{
    font-weight: 900 !important;
    border: 1px solid #c00 !important;
    color: #d00 !important;
}

Alles anzeigen

Letzteres betont "Anzeige", weil es schon drin steht als solches (Länderspezifisch), zweites hinterlegt den kompletten Header dazu mit rot, erstes ist deine Box. Wird hier alles durch uBlock gefiltert (ublock list, Easylist)* und daher erst gar nicht angezeigt. Die Ergebnisse in der Anzeige tauchen eh weiter unten in der "organic search" auf.

Was mir grad missfällt, das sich nicht mit einer Ausnahmeregeln hinter diese beiden Listen gelange (also @@||...,important)