Cambiare colore del link del Collegamento Attivo
Autore: Stefano T.
Visite 1557,
Followers 2,
Condiviso 0
Ho impostato un colore per il collegamento attivo, un altro per il passaggio del mouse e un terzo per il già visitato.
E' possibile cambiare il colore di default che ho imposto per il collegamento attivo solo in una pagina?
Ho provato ma mi da sempre lo stesso di default.
Anche nel Footer mi servirebbe cambiare il colore di default.
Postato il
Ciao Stefano, attulmente purtroppo solo con del codice, se riesci ad identificare l'oggetto in grassetto (che è variabile) pui fare da te, il colore è il cancelletto seguito dal codice #000000 diversamente occorre vedere il link online delle pagine.
#imTextObject_6_tab0 a:link {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:visited {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:hover {text-decoration: none;color: #ff0000;}
#imTextObject_6_tab0 a:active {text-decoration: none;color: #ff0000;}
Autore
In pratica devo scrivere in oggetto Testo da inserire nel Footer:
ARGOMENTO A
Pagina 1
Pagina 2
ARGOMENTO B
Pagina 3
Pagina 4
BLOG
Pagina 5
PRIVACY
Pagina 6
Dei 6 Pagina a 4 mi fa cambiare il colore (da blu a bianco) a 2 no (restano blu)
Autore
Potrei rimediare iserendo codice
<b><a href="http://127.0.0.1:8080/pagina-1.html" style="color: rgb(255,255,255)"><font color="FFFFFF">Pagina 1</font></a></b>
Ho messo http://127.0.0.1:8080 se no non lo posso testare in Anteprima.
In questo caso il testo è bianco, sottolineato e in grassetto, purtroppo non cambia ne al passaggio col mouse ne dopo averlo selezionato.
l'IP non occorre basta il nome della pagina.
Se non vuoi complicarti troppo la vita il mio esempio è quello che io utilizzo e ritengo più pratico, valuta tu
volendo come alternativa seguento il tuo esempio puoi utilizzare questo:
<div><span><a href="nomepagina.html" class="linkfooter">Qui testo cliccabile1</a></span></div><div><span><a href="nomepagina2.html" class="linkfooter">Qui testo cliccabile2</a></span></div><div><span><a href="nomepagina3.html" class="linkfooter">Qui testo cliccabile3</a></span></div>
poi dare lo stile con questo semplice codice messo nella proprietà della pagina>Esperto>prima della chiusura del Tag Head
<style>
.linkfooter{color:#000000; text-decoration:none;}
.linkfooter:hover{color:#ff0000; text-decoration:underline; font-weight:bold;}
</style>
Autore
Premetto che i link li devo mettere nel Footer e devo inserire tipo questo:
ARGOMENTO A
Pagina 1
Pagina 2
ARGOMENTO B
Pagina 3
Pagina 4
BLOG
Pagina 5
PRIVACY
Pagina 6
Se intendi questo esempio non ho capito cosa scrivere per linkare Pagina 1 ed ecc...
#imTextObject_6_tab0 a:link {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:visited {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:hover {text-decoration: none;color: #ff0000;}
#imTextObject_6_tab0 a:active {text-decoration: none;color: #ff0000;}
-------------------
In questo:
<div><span><a href="nomepagina.html" class="linkfooter">Qui testo cliccabile1</a></span></div>
nomepagina.html: ok, metto "pagina1.html" e così via, sempre senza IP
linkfooter: lo devo sostituire con cosa?
Qui testo cliccabile1: ok, metto Pagina 1 e così via
In Esperto>prima della chiusura del Tag Head non posso mettere nulla perchè non è una pagina
per il footer va al passo 1
è il come della classe che prende il CSS e non va modificata
così
contenuto dell'oggetto testo sul footer
risultato
Autore
Grazie Giancarlo B.
Ho impostato tutto come da spiegazione molto dettagliata ma ci rinuncio: continua a darmelo blu come avevo impostato in Stile Testi e il fondo essendo nero lo rende invisibile. Evidentemente il programma ha seri problemi.
Utilizzo <b><a href="pagina-1.html" style="color: rgb(255,255,255)"><font color="FFFFFF">Pagina 1</font></a></b> così almeno è bianco e sottolineato. Non cambia colore al passaggio, ed è una cosa che non mi va, ma pazienza.
Visto che ho un altro problema coi tag, e apro un'altra discussione, questo lo lascerò così, anche se mi rompe
valuta tu se mi mandi un link o gli screenshot di quello che hai fatto, posso eventualmente valutare, così senza vedere è un salto nel buio e non riesco ad aiutarti.
Ciao
Autore
Ti metto il link dove ho caricato la prova: http://trialwebsite.altervista.org/
Nel Footer ci sono i link fatti seguendo le tue istruzioni: il primo link resta subito così come lo vedi senza neppure cliccarlo con pure lo spazio aumentato sotto. Ho solo cambiato il codice colore da #000000 a #FFFFFF.
A pagina 2 puoi vedere l'altro codice fatto da me a naso (quindi totalmente incompetente) che resta fisso come nell'immagine, al passaggio del mouse non si evidenzia ne cambia colore ma comunque porta alla pagina linkata
P.S.: su Altervista la pagina BLOG non funziona... non so perché.
Lì c'è pure il testo in rosso col tag <h3> che evidentemente non è possibile inserire in un testo.
Ciao, ora purtroppo non riesco a verificare bene, ma a parte il primo link, il resto si comporta correttamente, potrebbe essere la tabulazione dell'oggetto testo questo può succedere con il copia e incolla, prova ad eliminare e inserirli nuovamente, io ho testato su un mio progetto e funziona correttamente.
Autore
Grazie del suggerimento.
Ho riscritto tutto il primo codice a mano e in effetti era dovuto al copia/incolla
Autore
Un'ultima cosa: come faccio a diminuire la spaziatura tra le righe come vei nell'immagine sopra?
Il tasto che uso di solito all'interno dell'oggetto Testo non risponde, e se dove scrivo mi fa vedere la spaziatura Singola poi nel footer in preview diventa doppia.
Si può mettere un codice per bypassare questo bug dell'oggetto Testo?
Autore
Potrebbe anche andarebene mettere un oggetto Codice HTML
In pratica vorrei mettere con spaziatura Singola:
CONTENUTI (in giallo Roboto-Bold 14)
ARGOMENTO (in arancione Roboto-Bold 12)
Pagina 1 (in bianco Roboto-Bold 11)
ecc...
Poi al passagio diventa rosso inserendo il codice che mi hai dato
ciao Stefano, si certo con 2 classi di stile, una per i link ed per i testi (titoli) ma io preferisco l'oggetto HTML
es.
.linktitoli{color:#ffff00; font-size: 14px; text-decoration:none; font-weight: bold;}
ec. intendevo l'oggetto testo
una volta che avrai aggiunto la riga di codice sopra al CSS quello sotto sarebbe il codice per l'oggetto HTML
<p class="linktitoli">ARGOMENTO A</p>
<div><span><a href="nomepagina.html" class="linkfooter">Qui testo cliccabile1</a></span></div>
<div><span><a href="nomepagina2.html" class="linkfooter">Qui testo cliccabile2</a></span></div>
<p class="linktitoli">ARGOMENTO B</p>
<div><span><a href="nomepagina3.html" class="linkfooter">Qui testo cliccabile3</a></span></div>
ma ripeto sui miei siti io utilizzo sempre l'oggetto testo, poi valuta tu, ciao.
Autore
Grazie per la pazienza...
Ho messo questo codice in Impostazioni>Statistiche e Codice>Codice>Prima della chiusura tag Head; in grassetto le righe aggiunte:
<style>
.linkfooter{color:#ffffff; font-size: 14px; text-decoration:none;}
.linkfooter:hover{color:#ff0000; text-decoration:underline; font-weight:bold;}
.linktitoli{color:#ffffff; font-size: 16px; text-decoration:none; font-weight: bold;}
</style>
E poi il secondo codice nell'HTML ho messo così:
<p style="font-size: 20px;color:rgb(255,0,0);font-weight: bold;">CONTENUTI</p>
<p class="linktitoli">ARGOMENTO 1</p>
<div><span><a href="nome.html" class="linkfooter">Nome</a></span></div>
<div><span><a href="nome1.html" class="linkfooter">Nome 1</a></span></div>
<p class="linktitoli">ARGOMENTO 2</p>
<div><span><a href="nome2.html" class="linkfooter">Nome 2</a></span></div>
<div><span><a href="3.html" class="linkfooter">Nome 3</a></span></div>
<p class="linktitoli">BLOG</p>
<div><span><a href="blog/index.php" class="linkfooter">Indice argomenti</a></span></div>
<p class="linktitoli">ARGOMENTO 3</p>
<div><span><a href="nome4l" class="linkfooter">Nome 4</a></span></div>
Il problema è la spaziatura.
Tra CONTENUTI e ARGOMENTO 1 è ok, poi è troppa, infatti nel footer non ci sta a meno che di aumentare oltre i 320 a cui è settato, ma è già parecchio
Per metterlo in Oggetto Testo che pure io preferisco devo solo copiare lo stesso codice?
metti solo i codici per i link (vedi prima bozza postata) per ARGOMENTO non occorre, utilizzi lo stile dell'oggetto testo.
Ciao.
Autore
Fatto ma ci rinuncio: il primo link viene blu, il resto bianco, un casino
Ho messo solo questo, senza altri testi, ma non funziona
<div><span><a href="nomepagina.html" class="linkfooter">Qui testo cliccabile1</a></span></div><div><span><a href="nomepagina2.html" class="linkfooter">Qui testo cliccabile2</a></span></div><div><span><a href="nomepagina3.html" class="linkfooter">Qui testo cliccabile3</a></span></div>
Proverò qualche altra soluzione perchè mi servono i link nel Footer ma sto programma secondo me ha un bug perchè se imposto spaziatura Singola fa cosa vuole e la mette doppia
sui miei progetti utilizzo l'oggetto testo con il codice sopra senza problemi, come ti avevo suggerito all'inizio, comunque anche la soluzione con tutto codice (ultima) non dovrebbe dare problemi.
Ripeto non vorrei fosse il copia e incolla, in questo caso devi eliminare tutte le tabulazioni, puoi farlo incollando il testo sul blocco note di windows, poi fai un nuovo copia ed incolla dal blocco note nuovamente sull'oggetto.
Buon lavoro, ciao.
x Stefano T., ...il Topic è diventato confuso, non si sa più cosa alla fine vuoi ottenere, o mi sono confuso e perso tra i vari Post...
... per i collegamenti potresti usare l'oggetto testo...
... per poter io valutare, ...posta il LINK di un esempio di una Pagina pura, senza codici EXTRA, ...e ricapitola esattamente cosa vuoi ottenere...
... e poi si potrebbe valutare eventuale codice EXTRA da adattare per il tuo scopo...
.
Autore
@Giancarlo B.
#imTextObject_6_tab0 a:link {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:visited {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:hover {text-decoration: none;color: #ff0000;}
#imTextObject_6_tab0 a:active {text-decoration: none;color: #ff0000;}
Questo codice l'ho messo in Statistiche e Codice>Codice>Prima della chiusura del tag HEAD però mi compare tutto sto codice scritto in alto nella pagina del sito.
Ho visto che lo usi perchè avevo comprato un tuo template.
Ora forse sono riuscito a capire dove in parte stava stava il problema: lo stile Testo Pagina era settato a 18 e di conseguenza pure quello dei link.
Mi piacerebbe capire la funzione e quando va usato il codice scritto sopra, grazie
va racchiuso tra i TAG STYLE
qui trovi le info di base indispensabili per il lavoro che fai
https://www.w3schools.com/html/html_css.asp
e qui
https://www.w3schools.com/css/
e qui
https://www.w3schools.com/css/css_syntax.asp
si scusami non ho specificato (l'ho dato per scontato) ma essendo codice CSS per lo stile questi vanno sempre inseriti fra i due TAG
<style>
#imTextObject_6_tab0 a:link {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:visited {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:hover {text-decoration: none;color: #ff0000;}
#imTextObject_6_tab0 a:active {text-decoration: none;color: #ff0000;}
</style>
per completezza nel tuo link di esempio il grassetto dell'oggetto va sostituito con
#imFooter_imTextObject_08
visto il sito del profilo, non dovrebbe avere di questi dubbi , anzi...
comunque ho dato un'occhiata al sito del tuo profilo, vedo che sei riuscito con questo codice che ti avevo suggerito sopra:
<style>
.linkfooter{color:#ffffff; font-size: 14px; text-decoration:none;}
.linkfooter:hover{color:#ff0000; text-decoration:underline; font-weight:bold;}
.linktitoli{color:#ffff00; font-size: 16px; text-decoration:none; font-weight: bold;}
</style>
direi ottimo.
Ciao.
Autore
Funziona da una parte e subito non va da un'altra...
Coi link nel Footer se vado nella pagina del Blog chiamata Indice Argomenti (http://www.xxxx.it/blog/index.php) e poi di lì clicco su uno dei link nel footer, per andare ad esempio a pagina 4, mi porta a una pagina inesistente perchè rimanda questo indirizzo: http://www.xxxx.it/blog/pagina-4.html anzichè http://www.xxxx.it/pagina-4.html
Inserisce "blog" nell'indirizzo e ovviamente non porta da nessuna parte
Autore
In pratica nel footer del blog gli indirizzi si traformano tutti con http://www.xxxx.it/blog/yyyyy.html.
Nell'oggetto Menu invece funzionano
starai usando degli indirizzi relativi... usa gli indirizzi con URL assoluti
si ok, il BLOG è in una sottodirectory tutta sua, quindi non sei sulla root principale dove ci sono tutte le pagine del sito, in questa situazione o utilizzi l'oggetto testo con il codice (così gestisce gli url direttamente il programma) oppure come consigliato da Claudio devi mettere l'indirizzo completo.
esempio per il link Privacy l'indirizzo sia per il sito che Blog è sempre
https://www.sitowebgrafica.it/gdpr.html
per questo motivo io preferisco la soluzione dell'oggetto testo (come consigliato sopra)
Autore
Ritiro quanto detto sopra: ho inserito i link scritti così ad es. <a href="https://www.sitowebgrafica.it/gdpr.html" class="linkfooter">Privacy-Cookie Policy</a> e una volta caricato online se vado nella pagina del blog e clicco su uno di questi mi porta alla giusta pagina.
Mi sono fidato troppo della Preview che non funziona e cambia il link
esatto come siggerito ma funziona solo online, ripeto, se vuoi che gestisca i link direttamente il programma devi utilizzare l'oggetto testo con i link fatti da programma e codice personalizzato per lo stile, in questo caso funziona anche la preview