CSS AGID

**AsrDelfino** · 07-06-2016, 17:00

Salve a tutti, sto combattendo con il css dell'AGID, il foglio di stile a cui devono attenersi tutte le pubbliche amministrazioni. Sto creando un menu e vorrei che che i bottoni (interamente fatti in css senza alcuna immagine) avessero il classico effetto "premuto", ovvero che a seconda del bottone che si seleziona questo rimanesse "schiacciato" finché non si seleziona un bottone differente. Ho provato con vari script js ma Agid non ne vuole sapere... Qualcuno può aiutarmi? Allego agid.css agid.zip (che si trova anche su http://design.italia.it/linee-guida/bottoni/) e il file col menù. Grazie in anticipo!

MENU.HTML

codice HTML:

<html>
   <head>
      <link rel="stylesheet" type="text/css" href="agid.css">
   </head>
   <body>
      <div align="center">
         <h7>
            <a href="" class="btn">
            <strong>Home</strong><br>
            </a>
            <a href="gestione.html" class="btn">
            <strong>Gestione del Personale</strong><br>
            </a>
            <a href="" class="btn">
            <strong>Anagrafiche</strong><br>
            </a>
            <a href="" class="btn">
            <strong>Settorizzazione</strong><br>
            </a>
            <a href="" class="btn">
            <strong>Turnistica</strong><br>
            </a>
         </h7>
      </div>
      <div align="left">
         <a href="" class="btn">
         <strong>Profili</strong><br>
         </a>
         </br>
         <a href="" class="btn">
         <strong>Utenti</strong><br>
         </a>
      </div>
   </body>
</html>

**fermat** · 07-06-2016, 17:16

ciao!

effetto premuto non vuol dire un granchè.
premuto per me può essere che deve diventare scruto, mentre per un altro deve diventare col bordo rosso.
cmq, in generale, dovresti usare una cosa del genere:

codice:

button:active {
    background-color: #4CAF50;
}

button:focus {
    background-color: #4CAF50;
}

Discussione: CSS AGID

Strumenti discussione

Ricerca discussione

Visualizza

CSS AGID

Permessi di invio