Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. Colore link
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • king.hack
      king.hack Super User • ultima modifica di

      Si, utilizzando proprio i CSS 😉
      Inserendo nel foglio di stile una cosa del tipo:

      
      a {
      	color: #FFFFFF;
      	text-decoration: none;
      	}
      
      a:hover {
      	color: #000000;
      	text-decoration: underline;
      	}
      

      Questo farà in modo che tutti i link saranno di colore bianco senza sottolineatura e ogni volta che il cursore ci passerà sopra diventeranno di colore nero con sottolineatura.

      PS: una buona guida per i CSS la trovi qua: !http://www.html.it/css/
      Ciao

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • I
        igorx81 User Attivo • ultima modifica di

        Ho guardato un po' dappertutto, ma non riesco a trovare niente...
        Sto usando macromedia, e mi diventano automaticamente blu e sottolineati. Per il secondo risolvo con text-decoration: none; ma a non far ambiare il colore non riesco proprio. Devo cambiare qualcosa nelle impostazioni?

        Ciauz 🙂

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • giorgiotave
          giorgiotave Community Manager • ultima modifica di

          Ciao igorx81 🙂

          C'è qualcosa di strano, mi posti l'intero codice della pagina?

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • I
            igorx81 User Attivo • ultima modifica di

            Per esempio

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Documento senza titolo</title>
            </head>

            <body>
            Ciao [url="www.giorgiotave.it"]Giorgio
            </body>
            </html>

            Anche se metto text-decoration: none non so come fare a non farlo diventare blu. (So che sarà una ca... risolverlo 🙂 )

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • giorgiotave
              giorgiotave Community Manager • ultima modifica di

              Puoi fare così

              [url="www.giorgiotave.it"]Giorgio

              Però di solito di mette una classe associata e il codice css prima del body, esempio:

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <head>
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              <title>Documento senza titolo</title>
              <style type="text/css">
              <!--
              .Stile1 {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-weight: bold;
              color: red;
              text-decoration:none;
              }
              -->
              </style>
              </head>

              <body>
              <h3>Ciao [url="www.giorgiotave.it"]Giorgio
              </h3>
              </body>
              </html>

              Funziona?

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • C
                claudioweb Super User • ultima modifica di

                EDIT Giorgio ha risposto mentre io scrivevo.

                Ciao, di solito è meglio inserire le informazioni riguardanti lo stile in file esterni, ma in questo caso per semplicità metto tutto nella pagina.

                Ecco come puoi risolvere il tuo problema

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <title>Documento senza titolo</title>
                <style type="text/css">
                <!--

                a {
                color: #FF0000;
                text-decoration: none;
                }

                a:hover {
                color: #00CC00;
                text-decoration: underline;
                }

                a:visited {
                color: #FFFF33;
                text-decoration: none;
                }
                -->
                </style>
                </head>

                <body>
                Ciao Giorgio
                </body>
                </ html>
                Tutti tag A che sarebbero il link acquisiscono le caratteristiche impostate nella parte in rosso.

                a = link;

                a:hover = quando c'è il mouse sul link;

                a:visited = link già visitati.

                :ciauz:

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • I
                  igorx81 User Attivo • ultima modifica di

                  Sì, perchè il colore è specificato dentro <a href
                  E' l'unico modo? Specificare uno stile/colore per ogni link?
                  Voglio dire, il text-decoration: none toglie la sottolineatura, non c'è qualcosa tipo text-color: lascialo com'è che va bene invece di farlo blu che vada bene se applicato al testo e non al link?
                  Es.: ho una riga (edit per claudioweb: due righe di due colori diversi) con una parola sì e una no linkata non vorrei dover applicare lo stile ad ogni link...

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • C
                    claudioweb Super User • ultima modifica di

                    Non sono sicuro di aver capito bene...

                    Prova questo:

                    
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
                    <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <title>Documento senza titolo</title>
                    <style type="text/css">
                    <!--
                    
                    #link1 a &#123;
                       color&#58; #FF0000;
                       text-decoration&#58; none;
                       &#125;
                    
                    #link2 a &#123;
                       color&#58; #009933;
                       text-decoration&#58; none;
                       &#125;
                    -->
                    </style>
                    </head>
                    
                    <body>
                    <div id="link1">Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio</div>
                    <div id="link2">Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio</div>
                    
                    Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio
                    Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio
                    Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio
                    
                    </body>
                    </html> 
                    

                    C'è un po' di tutto 😉

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • I
                      igorx81 User Attivo • ultima modifica di

                      Non era proprio quello, ma inserendo a dovere l'id= sono riuscito comunque a risolvere.

                      Grazie mille... 😉

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • C
                        claudioweb Super User • ultima modifica di

                        Vedi che dopo qualche secondo ho cambiato un pochino il codice, avevo saltato le tre righe senza id facendo il copia-incolla.

                        :ciauz:

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        Caricamento altri post
                        Rispondi
                        • Topic risposta
                        Effettua l'accesso per rispondere
                        • Da Vecchi a Nuovi
                        • Da Nuovi a Vecchi
                        • Più Voti