+ Rispondi alla Discussione
Risultati da 1 a 5 di 5

Sottolineatura link wordpress

Ultimo Messaggio di Angelomaro71 il:
  1. #1
    User Newbie
    Data Registrazione
    Nov 2018
    Località
    Prato
    Messaggi
    3

    Sottolineatura link wordpress

    Ciao a tutti. Ho necessità che i link del mio blog non siano sottolineati, ma che lo diventino solo al passaggio del mouse. Adesso di default lo sono, e girovagando per la rete ho letto che bisogna andare a modificare i css tramite editor wordpress.
    Qualcuno può darmi una mano per favore?
    Grazie.

  2. #2
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    230
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Ciao Angelo,

    provo a spiegarti in breve la procedura per capire quale riga del CSS devi modificare:


    1. posizionati col mouse sopra il link che vuoi modificare
    2. tasto dx del mouse, ti compare un menù contestuale di Chrome quindi clicca su "Ispeziona" (se usi Firefox "Analizza elemento")
    3. Dovrebbe comparire la DevTools di Chrome, sulla sx hai l'elemento nella tab "Elements" evidenziato, sulla dx in "Styles" hai la riga di CSS che da lo stile all'elemento


    Es:

    Codice HTML:
    a { 
       color: #000;
    }
    Accanto alla regola di stile hai il file e la riga dove si trova la regola stessa, ad esempio style.css:308, il 308 indica la riga del file style.css dove andare a modificare lo stile.

    Dovresti aggiungere un nuovo attributo all'interno delle graffe

    text-decoration:none;

    E infine su una nuova riga aggiungere la seguente regola

    Codice HTML:
    a:hover {
      text-decoration:underline;
    }
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  3. #3
    User Newbie
    Data Registrazione
    Nov 2018
    Località
    Prato
    Messaggi
    3
    Scusami, ho modificato il messaggio perché non ti ho nemmeno ringraziato! Grazie per aver risposto! Comunque vorrei che tutti i link fossero sottolineati, e non solo uno in particolare.
    Ultima modifica di Angelomaro71; 13-12-18 alle 16:04

  4. #4
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    230
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Citazione Originariamente Scritto da Angelomaro71 Visualizza Messaggio
    Scusami, ho modificato il messaggio perché non ti ho nemmeno ringraziato! Grazie per aver risposto! Comunque vorrei che tutti i link fossero sottolineati, e non solo uno in particolare.
    Figurati

    Quello che ti ho mostrato era solo un'esempio per farti capire come modificare il foglio di stile.

    Codice HTML:
    a { 
       text-decoration:none;
    }
    a:hover { 
       text-decoration:none;
    }
    In questo caso tutte le ancore del sito avranno quelle proprietà applicate.

    Diversamente se vuoi applicarle solamente ad alcune ancore specifiche, ad esempio quelle del content (l'area dove ci sono i contenuti):

    Codice HTML:
    .content a { 
       text-decoration: none;
    }
    .content a:hover { 
       text-decoration: underline;
    }
    Dipende da come è fatto il layout, la proprietà comunque è sempre la stessa, quello che cambia è il selettore a cui applicarlo (a, li, div, span)
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  5. #5
    User Newbie
    Data Registrazione
    Nov 2018
    Località
    Prato
    Messaggi
    3
    Grazie mille!

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.