WebSite X5Help Center

 
Stefano T.
Stefano T.
User

Cambiare colore del link del Collegamento Attivo  it

Автор: Stefano T.
Просмотрено 1561, Подписчики 2, Размещенный 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.

Размещено
38 Ответы - 5 Полезно
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;}

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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)

Читать больше
Размещено От Stefano T.
Stefano T.
Stefano T.
User
Автор

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.

Читать больше
Размещено От 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 

Читать больше
Размещено От 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>

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От 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

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

così

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

contenuto dell'oggetto testo sul footer

risultato

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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.

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

Grazie del suggerimento.

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

Читать больше
Размещено От Stefano T.
Stefano T.
Stefano T.
User
Автор

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?

Читать больше
Размещено От Stefano T.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От 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;}

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Giancarlo B.
Stefano T. ma io preferisco l'oggetto HTML

ec. intendevo l'oggetto testo wink

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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?

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Stefano T.
Stefano T.
User
Автор

@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

Читать больше
Размещено От Stefano T.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца 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

Читать больше
Размещено От 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>

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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

#imFooter_imTextObject_08

Читать больше
Размещено От Giancarlo B.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT
Giancarlo B.
... (l'ho dato per scontato) ...

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

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От Stefano T.
Stefano T.
Stefano T.
User
Автор

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

Nell'oggetto Menu invece funzionano

Читать больше
Размещено От Stefano T.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца 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

Читать больше
Размещено От 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.

Читать больше
Размещено От 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)

Читать больше
Размещено От Giancarlo B.
Stefano T.
Stefano T.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От Giancarlo B.