WebSite X5Help Center

 
Stefano T.
Stefano T.
User

Cambiare colore del link del Collegamento Attivo  it

Autor: Stefano T.
Visitado 1467, Seguidores 2, Compartilhado 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.

Publicado em
38 RESPOSTAS - 5 ÚTEIS
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;}

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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)

Ler mais
Publicado em de Stefano T.
Stefano T.
Stefano T.
User
Autor

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.

Ler mais
Publicado em de 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 

Ler mais
Publicado em de 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>

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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

Ler mais
Publicado em de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

così

Ler mais
Publicado em de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

contenuto dell'oggetto testo sul footer

risultato

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de 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

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

Grazie del suggerimento.

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

Ler mais
Publicado em de Stefano T.
Stefano T.
Stefano T.
User
Autor

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?

Ler mais
Publicado em de Stefano T.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de 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;}

Ler mais
Publicado em de Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Giancarlo B.
Stefano T. ma io preferisco l'oggetto HTML

ec. intendevo l'oggetto testo wink

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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?

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Stefano T.
Stefano T.
User
Autor

@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

Ler mais
Publicado em de Stefano T.
Claudio D.
Claudio D.
Moderator
Usuário do mês 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

Ler mais
Publicado em de 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>

Ler mais
Publicado em de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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

#imFooter_imTextObject_08

Ler mais
Publicado em de Giancarlo B.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Giancarlo B.
... (l'ho dato per scontato) ...

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de Stefano T.
Stefano T.
Stefano T.
User
Autor

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

Nell'oggetto Menu invece funzionano

Ler mais
Publicado em de Stefano T.
Claudio D.
Claudio D.
Moderator
Usuário do mês 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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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)

Ler mais
Publicado em de Giancarlo B.
Stefano T.
Stefano T.
User
Autor

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

Ler mais
Publicado em de 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

Ler mais
Publicado em de Giancarlo B.