Autore Topic: [RISOLTO] Cambiare colore in hover link in article  (Letto 433 volte)

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
[RISOLTO] Cambiare colore in hover link in article
« il: 09 Nov 2018, 17:53:16 »
Ciao!
Ho questo paragrafo:
<p><a style="color: #fff;" href="privacy-policy"> Privacy Policy  - <a style="color: #fff;" href="cookie-policy"> Cookie Policy </p>

Il footer è nero e le scritte e i link sono bianchi, ma in hover diventano neri come di default. Vorrei semplicemente che quando sono in hover, rimangano bianchi e compaia solo la sottolineatura.
Ho trovato varie guide per cambiare l'opzione nel css, ma a me serve aggiungere questo stile colore hover all'interno del link.

Come ho cambiato il colore di default mettendo #fff vorrei fare la stessa cosa con l'hover, ma non ho idea di come fare.

Grazie!
« Ultima modifica: 13 Nov 2018, 10:31:05 da simpad »

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18105
  • Sesso: Femmina
    • Mostra profilo
    • Adotta un cane
Re:Cambiare colore in hover link in article
« Risposta #1 il: 09 Nov 2018, 19:52:15 »
Ciao,
metti un link al sito.

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #2 il: 09 Nov 2018, 20:27:42 »
è offline. il testo è in un modulo ed è nel footer che è nero. infatti se vedi, l'anchor è bianco, vorrei che solo quei 2 link siano bianchi.
L'anchor è: Privacy Policy - Cookie Policy  le 2 scritte sono 2 link diversi, come si nota dal source code

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #3 il: 09 Nov 2018, 21:14:50 »
Una soluzione molto semplice, visto che stai usando un modulo è quella di creare una classe da assegnare al modulo stesso, oppure inserire l'html che hai scritto dentro un div al quale sarà assegnata la classe di cui sopra.
Esempio semplice semplice perfettamente funzionante:
Codice: [Seleziona]
.customcolor {
    color: white;
}
.customcolor a {
    color: white;
}
.customcolor a:hover {
    color: white;
    text-decoration: underline;
}
Naturalmente il codice html dovrà essere privo degli stili inline che hai usato ora.

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #4 il: 11 Nov 2018, 18:02:19 »
Grazie, chiederò al webmaster di farlo, io questo non so farlo.

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 29531
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Cambiare colore in hover link in article
« Risposta #5 il: 11 Nov 2018, 19:29:46 »
Scusa ma allora al webmaster potevi chiedere direttamente di cambiare colore al hover link, no perché un webmaster si offenderebbe se gli dici cosa e come farlo, sicuramente sapeva quale codice inserire.  ;)
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.8.x - DEMO Gestione Magazzino

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #6 il: 11 Nov 2018, 22:03:04 »
Non è un webmaster, mi aiuta ma non ha tempo, quindi se posso faccio da solo. E' una storia lunga

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #7 il: 12 Nov 2018, 23:01:18 »
Ho copiato e incollato il codice nel css
Poi ho incollato questo codice nell'articolo, ma non funziona. dove ho sbagliato?
<div class="customcolor"><a href="privacy-policy"> Privacy Policy [/url] - <a href="cookie-policy"> Cookie Policy [/url]<>

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #8 il: 12 Nov 2018, 23:12:09 »
... Avevo fatto una velocissima prova ieri giusto per mostrarti il funzionamento reale: la puoi vedere in fondo a questa pagina.
L'esempio che vedi è anche un po' più complicato di quello che serviva a te...
Il tuo sito è online: giusto per verificare se la sintassi del div che hai scritto è corretta (quello che hai riportato non mi è del tutto chiaro...).

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #9 il: 12 Nov 2018, 23:16:12 »
... Ho appena provato ad aggiungere nel link che ti ho postato sopra il tuo div e funziona regolarmente (pur con i diversi colori della mia classe customcolor).
Non prende il css?

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #10 il: 12 Nov 2018, 23:19:49 »
è offline, ma qui puoi capire meglio.
mini Video su google drive: https://drive.google.com/file/d/0B90dRN2qYEMib1haT2xLUk5SOWloSWIxWlB3ZkpTQXR5cUlj/view?usp=sharing

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #11 il: 12 Nov 2018, 23:21:09 »
la scritta url tra le parentesi quadre la aggiunge l'editor del forum.
« Ultima modifica: 12 Nov 2018, 23:59:34 da simpad »

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #12 il: 12 Nov 2018, 23:28:41 »
Visto il video e il secondo div, quello con la classe, si comporta come il primo che avevi scritto senza la classe; corretto?
Che template usi? Dove hai scritto la classe css? Ricontrolla attentamente la sintassi della classe che ti ho quotato, anche se hai usato il copia/incolla.
Se hai visto il mio link, avrai visto che a funzionare, funziona...

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #13 il: 12 Nov 2018, 23:29:30 »
Ho risolto con un bell' !important

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #14 il: 12 Nov 2018, 23:31:24 »
Perfetto.  ;)

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #15 il: 12 Nov 2018, 23:31:50 »
Guardando il codice css, che differenza c'è tra ".customcolor" e ".customcolor a"?
La terza parte "hover" so cos'è.

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #16 il: 12 Nov 2018, 23:33:07 »
ho dovuto togliere la decorazione underline perché mi appariva doppia, cioè quella di questo codice mi appariva bianca appena sotto e l'altra bianco trasparente leggermente sotto.

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #17 il: 12 Nov 2018, 23:51:06 »
Guardando il codice css, che differenza c'è tra ".customcolor" e ".customcolor a"?
La terza parte "hover" so cos'è.
Ammettiamo che di default il css del tuo template imposti il colore del testo come "nero", se tu lo vuoi di un colore (tipo bianco) diverso imposti una classe
Codice: [Seleziona]
.customcolor {
    color: white;
}
E questo lo puoi fare tranquillamemnte anche col codice inline come avevi gia fatto, ma se a questo vuoi aggiungere anche un colore diverso da quello settato dal template per i link (metti che di default i link siano blu e tu invece li vuoi bianchi), allora devi aggiungere:
Codice: [Seleziona]
.customcolor a {
    color: white;
}
Se hai visto la classe che ho usato nel mio esempio, capirai facilmente che le possibilità sono moltissime:
ho usato anche la pseudo classe a:hover:before per far comparire un'icona prima del link a mouse over...

Edit: avevo sbagliato la citazione del tuo post... E' ora di andare a dormire!
« Ultima modifica: 12 Nov 2018, 23:57:02 da Limma »

Online simpad

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #18 il: 13 Nov 2018, 00:03:00 »
Ah grazie!
Per fare apparire l'icona come risulterebbe il codice corrispondente prendendo la base di quello scritto da Limma?

Comunque grazie a tutti!!!
« Ultima modifica: 13 Nov 2018, 00:08:25 da simpad »

Offline Limma

  • Abituale
  • ****
  • Post: 961
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare colore in hover link in article
« Risposta #19 il: 13 Nov 2018, 00:07:10 »
??? A quale codice scritto da adottauncane ti riferisci...?

 

Torna su