Modificare lo stile alle pagine web che si visitano

E renderlo permanente, dal proprio PC

Tante pagine web — anche quelle “soltanto da leggere” — sono spesso caratterizzate da blocchi che non interessano (barre laterali, sezioni intermedie, grandi intestazioni, ecc.); e non è soltanto pubblicità.

Se si desidera rimuoverne qualcuno, si possono usare dei fogli di stile (CSS) personalizzati da applicare in modo permanente (quando si usa il proprio PC) a uno più siti. Per farlo si può usare Stylus, un’estensione per browser (per Chrome e Firefox).

Una volta installata e creato un nuovo stile:

1. si dà un nome allo stile;
2. si scrive lo stile CSS;
3. si associa lo stile a un certo sito.

Il risultato ad esempio è quello che si può vedere per la pagina singola di Repubblica (sotto), da cui sono stati rimossi due tipi di blocchi: quello sulla destra del testo e quello delle sezioni che si inframezzano nel testo.

Pagina singola di “la Repubblica”

Ecco ad esempio un CSS applicabile alla pagina singola di la Repubblica (per chi non sa cosa sia un CSS, è necessario apprendere le basi).

/* rimuovi blocchi */
#gs-social-sharebutton-float,
div.latest-subscription-message,
section.inline-article,
div.sidebar {
    display: none;
}
/* Adatta il blocco principale al nuovo spazio */
div.main-content {
    flex-basis: 100%;
    max-width: 100%;
}
/* Cambia il font degli articoli (deve essere installato sul PC) */
div.story__text {font-family: 'Montserrat', sans-serif;}
/* in rosso le pagine a pagamento */
a[href*="pwa"]{
    color:red;
}

Pagina singola del Corriere

aside.as_art_right {
    display:none;
}
#content-to-read {
    width:100%
}
/* Cambia il font degli articoli (deve essere installato sul PC) */
.chapter-paragraph {
    font-family: 'Montserrat', sans-serif !important;
}
.social_bar{
    display:none
}