Joomla.it Forum

Joomla! 3 => Joomla! 3 => Topic aperto da: simpad - 09 Nov 2018, 17:53:16

Titolo: [RISOLTO] Cambiare colore in hover link in article
Inserito da: simpad - 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!
Titolo: Re:Cambiare colore in hover link in article
Inserito da: adottauncane - 09 Nov 2018, 19:52:15
Ciao,
metti un link al sito.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 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.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 11 Nov 2018, 18:02:19
Grazie, chiederò al webmaster di farlo, io questo non so farlo.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: tomtomeight - 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.  ;)
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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]<>
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 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 (https://www.disegnareilweb.cloud/HUB4/).
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...).
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 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?
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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 (https://drive.google.com/file/d/0B90dRN2qYEMib1haT2xLUk5SOWloSWIxWlB3ZkpTQXR5cUlj/view?usp=sharing)
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 12 Nov 2018, 23:21:09
la scritta url tra le parentesi quadre la aggiunge l'editor del forum.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 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...
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 12 Nov 2018, 23:29:30
Ho risolto con un bell' !important
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 12 Nov 2018, 23:31:24
Perfetto.  ;)
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 12 Nov 2018, 23:31:50
Guardando il codice css, che differenza c'è tra ".customcolor" e ".customcolor a"?
La terza parte "hover" so cos'è.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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.
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 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!
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 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!!!
Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 13 Nov 2018, 00:07:10
??? A quale codice scritto da adottauncane ti riferisci...?
Titolo: Re: Cambiare colore in hover link in article
Inserito da: simpad - 13 Nov 2018, 00:09:22
Limma, scusa ho fatto confusione con un altro thread.

Questo:
.customcolor {    color: white;}.customcolor a {    color: white;}.customcolor a:hover {    color: white;    text-decoration: underline;}

Titolo: Re:Cambiare colore in hover link in article
Inserito da: Limma - 13 Nov 2018, 00:14:23
Devi dare un'occhiata alla pagina che ti ho linkato prima e analizzarla con il tool di ispezione del browser.
Potrai vedere facilmente il css che ho usato per far apparire l'icona a mouse over sul link
Titolo: Re:Cambiare colore in hover link in article
Inserito da: simpad - 13 Nov 2018, 10:30:10
Ho guardato ma non so estrarne nulla, ho letto più volte la parola before.
Comunque era una curiosità, non una necessità, grazie!
Titolo: Re:[RISOLTO] Cambiare colore in hover link in article
Inserito da: simpad - 27 Nov 2018, 10:41:29
Ho provato Limma! Grazie per le dritte.