Werbeleiste Entfernen

einfachich · Screenshot 2025-11-01 213434.png

Moin, nur eine knappe Frage. Wie bekomme ich die Werbeleiste zwischen Adress und Webseite beseitig, d.h. wenn es überhaupt geht. Habe dieses Problem auf der Startseite von t-online.

Sören Hentzschel

Hallo,

mit der Werbeblocker-Erweiterung deines Vertrauens kannst du das entfernen. Beispielsweise hat uBlock Origin eine Schaltfläche mit einer Pipette. Darüber kannst du das Element einfach auswählen.

2002Andreas

Ergänzend, so sieht das dann aus:

Und dann rechts auf den Button: Erstellen klicken

.DeJaVu

Hilft das in Stylus?

CSS

div[class^="css-19"],
div[class^="css-1q"],
div[class^="css-1s"],
div.css-0[data-article-top=""],
aside[data-testid="StageLayout.StreamItem"],
section[data-stage-layout*="nativendo"],
section[data-testid="ArticleSharingBar.List"],
div[data-stage-layout*="nativendo"],
enga-newsletter-morning-briefing-companion,
#__next > div[class^="css-"],
.bg-alpine > nav > .css-1l6c000:last-child,
div[data-article-body-top-boundary] > div[class^="css-"],
div[style="position: relative; transition: min-height 3s; min-height: 266px; top: -8px;"],
section.pt-24.md\:px-48.px-24.md\:justify-start.md\:grid-gap-24.justify-between.items-center.flex,
section[data-testid="ConsentLayer"],
div[data-testid="ArticleBottomDivMarker"] > div.bg-alpine,
div[data-testid="Page.TailStages"] > section[data-testid="Stage"]:nth-of-type(2),
div[data-testid="Page.TailStages"] > section[data-testid="Stage"]:last-child,
div[data-component="CommercialSDI"],
div[data-testid="PageFooter"],
div.p-12.max-md\:hidden.tablet-mode\:hidden,
div[data-testid="CommercialSDI.Banner.Placeholder"],
div[data-external-sdi-mark="banner-placeholder"],
div[data-component="CommercialSDI"],
div[data-testid="Commercial.SDI"],
div[data-external-nativendo="shopping-below-article-feed"],
.bg-alpine.p-24,
.bg-alpine.pb-24,
.relative.grid.leading-12,
.fixed.z-overlay-content,
.data-\[state\=open\]\:opacity-100[data-state="open"]
{
    display: none !important;
}

Alles anzeigen

Sören Hentzschel

Wozu so eine gigantische Selektor-Liste, wenn nur ein einziges Element ausgeblendet werden muss?

.DeJaVu

Ist über die Jahre gewachsen, die Tkom-Seiten sind ziemlich komplex. Aber nichts davon hindert meine Zugang, wobei der Werbeblocker ausgeschaltet ist, weil das den Zugang zum Konto blockiert oder auch andere Inhalte nicht gezigt werden.

Das komplette CSS sieht so aus

CSS

@-moz-document domain("t-online.de") {
:root {
  --color-magenta: #E20074 !important;
  --color-salemsfur: #171B26 !important;
  --color-magentaLight: #F9CCE3 !important;
  --color-royalblue: #00A0DE !important;
  --color-trout: #474C59 !important;
  --color-manatee: #8D93A6 !important;
  --color-snow: #FFFFFF !important;
  --color-botticelli: #CFD5E5 !important;
  --color-whitelilac: #EBEFF7 !important;
  --color-alpine: #F7F9FC !important;
  --color-red: #EE3F54 !important;
  --color-netflixRed: #E50914 !important;
  --color-green: #48C974 !important;
  --color-cararra: #E7E6E0 !important;
  --color-iceWater: #F2F6FF !important;
  --color-pro: #EDFAF2 !important;
  --color-con: #FEECEE !important;
  --color-black: #0A0C14 !important;
  --color-cadetBlue: #A3AABF !important;
  --color-riverBed: #495166 !important;
  --color-ebony: #262C3B !important;
}


#TLoginBox
{
  background-color: var(--color-snow) !important;
}

#TLoginBox .mailicn img,
#TLoginBox .mailicn img:hover,
#TLoginBox .TlogBtn a:hover .mailicn img
{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA4NiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjExNCA5LjA1ODExTDIyLjUgMTguNTAwMUwzMi44ODUgOS4wNTkxMSIgc3Ryb2tlPSIjRTIwMDc0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNSA4LjVIMTMuNUMxMi4zOTU0IDguNSAxMS41IDkuMzk1NDMgMTEuNSAxMC41VjI0LjVDMTEuNSAyNS42MDQ2IDEyLjM5NTQgMjYuNSAxMy41IDI2LjVIMzEuNUMzMi42MDQ2IDI2LjUgMzMuNSAyNS42MDQ2IDMzLjUgMjQuNVYxMC41QzMzLjUgOS4zOTU0MyAzMi42MDQ2IDguNSAzMS41IDguNVoiIHN0cm9rZT0iIzE3MUIyNiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUyLjExNCA5LjA1ODExTDYyLjUgMTguNTAwMUw3Mi44ODUgOS4wNTkxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcxLjUgOC41SDUzLjVDNTIuMzk1NCA4LjUgNTEuNSA5LjM5NTQzIDUxLjUgMTAuNVYyNC41QzUxLjUgMjUuNjA0NiA1Mi4zOTU0IDI2LjUgNTMuNSAyNi41SDcxLjVDNzIuNjA0NiAyNi41IDczLjUgMjUuNjA0NiA3My41IDI0LjVWMTAuNUM3My41IDkuMzk1NDMgNzIuNjA0NiA4LjUgNzEuNSA4LjVaIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") !important;
}

#TLoginBox .mailicn img,
#TLoginBox .mailicn img:hover,
#TLoginBox .TlogBtn a:hover .mailicn img
{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA4NiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjExNCA5LjA1ODExTDIyLjUgMTguNTAwMUwzMi44ODUgOS4wNTkxMSIgc3Ryb2tlPSIjRTIwMDc0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNSA4LjVIMTMuNUMxMi4zOTU0IDguNSAxMS41IDkuMzk1NDMgMTEuNSAxMC41VjI0LjVDMTEuNSAyNS42MDQ2IDEyLjM5NTQgMjYuNSAxMy41IDI2LjVIMzEuNUMzMi42MDQ2IDI2LjUgMzMuNSAyNS42MDQ2IDMzLjUgMjQuNVYxMC41QzMzLjUgOS4zOTU0MyAzMi42MDQ2IDguNSAzMS41IDguNVoiIHN0cm9rZT0iIzE3MUIyNiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUyLjExNCA5LjA1ODExTDYyLjUgMTguNTAwMUw3Mi44ODUgOS4wNTkxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcxLjUgOC41SDUzLjVDNTIuMzk1NCA4LjUgNTEuNSA5LjM5NTQzIDUxLjUgMTAuNVYyNC41QzUxLjUgMjUuNjA0NiA1Mi4zOTU0IDI2LjUgNTMuNSAyNi41SDcxLjVDNzIuNjA0NiAyNi41IDczLjUgMjUuNjA0NiA3My41IDI0LjVWMTAuNUM3My41IDkuMzk1NDMgNzIuNjA0NiA4LjUgNzEuNSA4LjVaIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") !important;
}

div[class^="css-19"],
div[class^="css-1q"],
div[class^="css-1s"],
div.css-0[data-article-top=""],
aside[data-testid="StageLayout.StreamItem"],
section[data-stage-layout*="nativendo"],
section[data-testid="ArticleSharingBar.List"],
div[data-stage-layout*="nativendo"],
enga-newsletter-morning-briefing-companion,
#__next > div[class^="css-"],
.bg-alpine > nav > .css-1l6c000:last-child,
div[data-article-body-top-boundary] > div[class^="css-"],
div[style="position: relative; transition: min-height 3s; min-height: 266px; top: -8px;"],
section.pt-24.md\:px-48.px-24.md\:justify-start.md\:grid-gap-24.justify-between.items-center.flex,
section[data-testid="ConsentLayer"],
div[data-testid="ArticleBottomDivMarker"] > div.bg-alpine,
div[data-testid="Page.TailStages"] > section[data-testid="Stage"]:nth-of-type(2),
div[data-testid="Page.TailStages"] > section[data-testid="Stage"]:last-child,
div[data-component="CommercialSDI"],
div[data-testid="PageFooter"],
div.p-12.max-md\:hidden.tablet-mode\:hidden,
div[data-testid="CommercialSDI.Banner.Placeholder"],
div[data-external-sdi-mark="banner-placeholder"],
div[data-component="CommercialSDI"],
div[data-testid="Commercial.SDI"],
div[data-external-nativendo="shopping-below-article-feed"],
.bg-alpine.p-24,
.bg-alpine.pb-24,
.relative.grid.leading-12,
.fixed.z-overlay-content,
.data-\[state\=open\]\:opacity-100[data-state="open"]
{
    display: none !important;
}

@media (min-width: 769px)
{
  .container {
    max-width: 90vw !important;
  }
}
}

Alles anzeigen

Diese Seite schaut nach dem Firefox Theme, dabei mag ich es "hell" genau hier. Da Adguard nicht aktiv, bleibt nur CSS gegen bestimmte Elemente.

Mitleser

Zitat von .DeJaVu

bleibt nur CSS gegen bestimmte Elemente.

Habe gerade dein css ausprobiert, die Leiste ist noch da!

.DeJaVu

Sehe ich nicht. Bitte die genaue Adresse! Und das, was du bislang in ublock etc stehen hast.

Anzumerken, dass jenes CSS nur in Stylus nutzbar ist, nicht in ublock. Auf ublock solltest du bei TOL verzichten!

Mitleser

Habe ich In die userContent eingetragen. Sollllte das nicht auch funktionieren? Wenn nicht: Mein Fehler!

Zitat von .DeJaVu

Auf ublock solltest du bei TOL verzichten!

Bei Ublock funzt dieser Filter:www.t-online.de##.max-md\:hidden.bg-alpine.justify-between.flex-row.h-40.flex
wie oben schon erwähnt.

.DeJaVu

Wie beschrieben, ich sehe diese Leiste nicht, nicht mal ohne CSS.

Mitleser

Zitat von .DeJaVu

ich sehe diese Leiste nicht, nicht mal ohne CSS

Naja, dann hast du wohl irgendwo in den Kattakomben des Systems ein kleines Helferlein das sich so einfach nicht zeigt. Das kann man mit einem neuen Profil aber sehr einfach austricksen.

.DeJaVu

Kann ich nicht bestreiten, meine Filter sind vielschichtig. Doof nur, das extrem wenige wie gezeigt genau auf das zutreffen, und falls, dann nur Firefox. Bitte nicht falsch verstehen, was ich für TOL habe, wie gezeigt, aber Stylus hat noch etliche andere Einträge - nur die treffen nicht zu. Meine Vermutung geht daher in die sonstigen Einstellungen von Firefox. Ein Test mit einem frischen Profil steht noch aus, aber nicht mehr heute.

Sören Hentzschel

Zitat von .DeJaVu

Ist über die Jahre gewachsen

Dann ist das auch keine zielführende Antwort für den Themenstarter, der nach genau einer Sache und nicht nach 30 anderen Dingen gefragt hat. Ich kann im Übrigen bestätigen, dass trotz dieser vielen Zeilen CSS das Anliegen des Themenstarters durch deinen Code nicht abgedeckt wird.

.DeJaVu

Zitat von Mitleser

ein kleines Helferlein

Nein, nicht wirklich. Und auch wenn ich nochmal den Startbeitrag lese, wäre ich nicht wirklich drauf gekommen, was gemeint war. Es hat sich bei mir auch nicht sofort gezeigt.

Und ja, meine Antwort war nicht hilfreich - weil diese Leiste hier einfach nicht vollständig angezeigt wird, sondern nur der linke Teil, ohne Werbung rechts. Das wird (ein iframe) von nativendo gestellt, und das wird hier gefiltert von Privacy Badger. Wenn ich Adguard anschalte, wird TOL unbrauchbar.

Ach ja, das zu filternde Element:

t-online.de##header.sticky > .flex

Deutlich kürzer. Wahlweise als CSS

Code

header.sticky > .flex
{
    display: none !important
}

Und ich habe den Werbeblocker abgeschaltet dort. Liegt aber daran, dass die Seiten der Telekom mir nicht nur Nachrichten bieten, sondern ich als Kunde dort unterwegs bin. Und dann hindert es nur, bzw wird komplett unbrauchbar.