Visualizzazione dei risultati da 1 a 3 su 3

Visualizzazione discussione

  1. #1

    Includere variabile CSS in metatag HTML5

    Salve, volevo chiedere se in qualche modo è possibile far leggere una variabile CSS ad un meta tag dell'head della pagina.


    Spiego meglio:
    Attualmente ho un CSS in questo modo
    codice:
    :root {
        --ColoreScuro: #3F6DAA;
        --ColoreIntermedio: #6B97D1;
        --ColoreChiaro: #A3C6F5;
        --ColoreBordo: #FFFF00;
        --ColoreTesto: #FFFFFF;
    }
    #MyDiv {
        background-color: var(--ColoreScuro);
        border-bottom: 1px solid var(--ColoreBordo);
    }
    
    ... segue il resto del css

    nell'header della pagina:
    codice:
    <meta name="msapplication-navbutton-color" content="#3F6DAA">
    <meta name="theme-color" content="#3F6DAA">

    come è visibile nella pagina utilizzo il colore che ha anche la variabile css --ColoreScuro

    sarebbe possibile indicare qualcosa di simile
    codice:
    <meta name="msapplication-navbutton-color" content="var(--ColoreScuro)">
    ovviamente questo non funziona

    Attualmente, essendo pagine in ASP me la cavo inizializzando la variabile a monte per poi usarla, in questo modo
    codice:
    <%ColoreScuro="#3F6DAA"%>
    <meta name="msapplication-navbutton-color" content="<%=ColoreScuro%>">
    <meta name="theme-color" content="<%=ColoreScuro%>">

    E tutto funziona bene ma non è parametrizzato a dovere.
    Se io volessi cambiare colori, oltre a modificare il CSS devo per forza modificare a mano anche la parte HTML

    Tornando alla mia domanda: Posso far lavorare una sorta di variabile ripescata dal CSS?
    Ultima modifica di SoloWiFi; 14-10-2020 a 11:16

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.