Webseite Anpassungen

Zitat von AdminFox

Funktioniert, Danke.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Teste bitte:

1:

@-moz-document domain("www.daserste.de") {

HTML > BODY, #footer {
background: lightgray;
}

.subnavi a,
.conHeadline{
color: black !important;
}

#footer * {
color: black !important;
}
}

2:

@-moz-document domain("www.zdf.de") {

#skip-main {
background: grey;
}
}

3:

@-moz-document domain("www.ndr.de") {

HTML > BODY, 
.container.w100.topteasercontainer,
.mainnav,
#footer,
.module.footerblock.metanav {
background: grey !important;
}

#footer *,
#radiotvlink > A,
#burgermenu > NAV > UL:first-child > LI > A,
#burgermenu > NAV > UL:nth-child(2) > LI > A,
#burgermenu > NAV > UL:last-child > LI > A {
color: black !important;}
}

Zitat von AdminFox

bei ZDF klappt es nicht.

Da ist nur der untere Teil in grau.

Neuer Versuch:

@-moz-document domain("www.zdf.de") {
    
.b-cluster-teaser .box,
.box has-label,
#skip-main {
background: grey !important;
}
}

Sieht hier so aus mit dem neuen Code aus Beitrag Nr.147

Was sind denn das für 2 * vor und nach ZDF?

So muss das aussehen:

@-moz-document domain("www.zdf.de") {

2002Andreas Sollte nicht ein Punkt vor has-label sein? Das ist doch eine Klasse.

Da fehlt eine abschließende geschweifte Klammer. Wenn du eine @-moz-document-Regel hast, stehen am Ende des Codes immer zwei schließende geschweifte Klammern.

Zitat von AdminFox

dort Funktionieren die Codes nicht

Das ist auch eine weitere Unterseite.

@-moz-document domain("www.zdf.de") {

.inner-container.js-section,
#skip-footer,
.b-cluster-teaser .box,
.box has-label,
.station-list *,
.list-wrap.js_stations,
.station-list-container.js-rb-attached *,
.scroll-container.epg-scrollbox-list.js-tabs-panel-wrapper *,
.scroll-container.epg-scrollbox-list.js-tabs-panel-wrapper,
.x-video-page.mobile-landscape.js-rb-attached,
#skip-main {
background: grey !important;
}
}

Wahrscheinlich fehlt dann auf einer weiteren Unterseite wieder etwas.

Versuch es doch mal selber mit den Entwicklerwerkzeugen.

Das sieht nur kompliziert aus

Im Bildschirmfoto von Beitrag #150 fehlen sogar zwei Klammern, oben die öffnende in der ersten Zeile und eine schließende ganz zuletzt.

Zitat von AdminFox

Hatte ich zu erst gehabt , da kam diese Meldung auch.

Weil in Beitrag #150 auch die öffnende Klammer in der ersten Zeile fehlt(e).

Das ist so ein Fall, bei dem ich mich frage, wieso man nicht selbst ein bisschen mitdenkt. Es wird ja ganz offensichtlich sogar ein Code-Editor verwendet, welcher einem sagt, wo etwas falsch ist und auch was das Problem ist. Das zeigen die Screenshots. Und dann der in Beitrag #153 gezeigte Code: Andreas hatte vorher auf eine fehlerhafte Zeile hingewiesen und wie diese korrekt auszusehen hat. In Beitrag #153 war dann zu sehen, wie der komplette Inhalt nur gegen diese eine Zeile ausgetauscht worden ist. Wenn man schon nicht von alleine drauf kommt, dass die Anzahl geöffneter und geschlossener Klammern immer gleich sein muss, was eigentlich ziemlich logisch ist - zumindest das muss man doch selbst merken, dass das nicht sein kann. Man muss wirklich kein Stück CSS können, sondern einfach nur lesen, um sofort zu sehen, dass da nur noch die Domain übrig geblieben ist und keinerlei Information über die Anpassungen selbst…

Wenn du Stylus nutzt, brauchst du auch keine @-moz-document-Regel, du gibst ja ganz unten an, für welche URL der Code gelten soll. Im vorstehenden Beitrag ist das auch richtig. Dagegen musst du die @-moz-document-Regel angeben, wenn du in einem Texteditor schreibst, unter Nutzung der userContent.css. Du musst aber auch genau beachten, für welche Seite bzw. Stelle auf einer Seite der Website der Code erstellt werden soll. Ansonsten suchst du auf der Website möglicherweise an der falschen Stelle und glaubst, dass der Code nicht funktioniert. Dabei funktioniert er, und du suchst nur an der falschen Stelle.