WebSite X5Help Center

 
Stefano T.
Stefano T.
User

Cambiare colore del link del Collegamento Attivo  it

Author: Stefano T.
Visited 1559, Followers 2, Shared 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.

Posted on the
38 ANSWERS - 5 USEFUL
Giancarlo B.
Giancarlo B.
User

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;}

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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)

Read more
Posted on the from Stefano T.
Stefano T.
Stefano T.
User
Author

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.

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User

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 

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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>

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User
Stefano T.
In Esperto>prima della chiusura del Tag Head non posso mettere nulla perchè non è una pagina

per il footer va al passo 1

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Stefano T.
linkfooter: lo devo sostituire con cosa?

è il come della classe che prende il CSS e non va modificata

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

così

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

contenuto dell'oggetto testo sul footer

risultato

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User

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

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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.

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User

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.

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

Grazie del suggerimento.

Ho riscritto tutto il primo codice a mano e in effetti era dovuto al copia/incolla

Read more
Posted on the from Stefano T.
Stefano T.
Stefano T.
User
Author

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?

Read more
Posted on the from Stefano T.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User
Stefano T.
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;}

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Giancarlo B.
Stefano T. ma io preferisco l'oggetto HTML

ec. intendevo l'oggetto testo wink

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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.

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

Grazie per la pazienza... embarassed

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?

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User
Stefano T.
Grazie per la pazienza... 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.

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User
Giancarlo B.
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;}

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.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Stefano T.
Stefano T.
User
Author

@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

Read more
Posted on the from Stefano T.
Claudio D.
Claudio D.
Moderator
Best User of the month IT
Stefano T.
@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. .... 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

Read more
Posted on the from Claudio D.
Giancarlo B.
Giancarlo B.
User

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>

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

per completezza nel tuo link di esempio il grassetto dell'oggetto va sostituito con

#imFooter_imTextObject_08

Read more
Posted on the from Giancarlo B.
Claudio D.
Claudio D.
Moderator
Best User of the month IT
Giancarlo B.
... (l'ho dato per scontato) ...

visto il sito del profilo, non dovrebbe avere di questi dubbi surprised , anzi... 

Read more
Posted on the from Claudio D.
Giancarlo B.
Giancarlo B.
User

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.

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Stefano T.
Stefano T.
User
Author

In pratica nel footer del blog gli indirizzi si traformano tutti con http://www.xxxx.it/blog/yyyyy.html.

Nell'oggetto Menu invece funzionano

Read more
Posted on the from Stefano T.
Claudio D.
Claudio D.
Moderator
Best User of the month IT
Stefano T.
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

Read more
Posted on the from Claudio D.
Giancarlo B.
Giancarlo B.
User

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.

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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)

Read more
Posted on the from Giancarlo B.
Stefano T.
Stefano T.
User
Author

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

Read more
Posted on the from Stefano T.
Giancarlo B.
Giancarlo B.
User

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

Read more
Posted on the from Giancarlo B.