Disattivare applicazione colore sui collegamenti
Autor: Mario D.
Visitado 1371,
Seguidores 3,
Compartilhado 0
Ciao a tutti,
vorrei che nel momento in cui inserisco dei collegamenti al testo non si applichi nessun nuovo colore ma rimanga quello che avevo selezionato io inizialmente (all'interno della stessa pagina ci sono testi con diversi colori a cui ho assegnato un collegamento). Non mi pare che questo sia possibile nella sezione "stile testi campi e pulsanti/collegamenti".
Qualcuno è in grado di aiutarmi?
Grazie a tutti
Publicado em
in teoria non si dovrebbe applicare nessun nuovo colore se hai già assegnato tutto giusto in "stile testi campi e pulsanti/collegamenti"....
... per colori diversi nel testo abilitato html [</>] inserisci questo tipo di stringa:
<a style="font-size:22px;text-decoration:none;color:red" href="https://www.google.it/">GOOGLE</a>
.
Autor
cerco di spiegarmi meglio, come da allegato, ho dovuto necessariamente scegliere un colore per il testo a cui associo un collegamento. Io invece vorrei che il testo grigio a cui ho associato il collegamento restasse grigio, quello rosso restasse rosso, e quello blu restasse blu. Non c'è un modo per disabilitare completamente questa applicazione su tutto il sito?
... hai provato con un copia/incolla il precedente suggerimento...?...
.
No, devi fare come detto sopra da KolAsim...
Autor
Grazie per l'aiuto, intanto.
Ho provato, ad usare il vostro suggerimento, ma il collegamento nell'anteprima non funziona, non si apre alcuna finestra.
Anticipo due domande: che espressione devo usare per specificare il tipo di font e centrare?
e se il collegamento si riferisce ad un'ancora (rimanda ad un certo testo di un'altra pagina del sito) e non a un link esterno?
Il codice seguente lascia invariato il colore dei link
<style>
a, a:visited, a:hover, a:active {color: inherit !important;}
</style>
Scritto così agisce su tutti i link. Per limitarne il contesto occorre abbinarlo ad eventuali ID o classi
Autor
Ciao Esse, grazie, il tuo metodo funziona perfettamente, l'unico problema è che si applica anche al menù!
... avrai sbagliato qualcosa di quanto detto; ...per valutare dovresti postare il LINK, un Click...
.
Autor
Perfettamente ragione, dopo un po'di tentativi è riuscito. Sai aiutarmi per quanto riguarda il collegamento alle ancore? ho provato ad inserire la formula #nomeancora al posto del link ma non funziona.
Ti ringrazio!
Autor
Perdonami Esse, preciso ciò che ho detto. Funziona bene all'interno dei corpi testo, per quanto riguarda le voci del menù queste diventano nere (perchè avevo specificato che dovessero essere in generale blu, celesti con il passaggio del mouse. Mai richiesto restassero nere)
Pensavo volessi ottenere questo
http://www.essedi.altervista.org/_EVO2019/_provalink/index.html
Se non è così ho preso un abbaglio
Autor
è esattamente l'effetto desiderato. Solo che in questo modo le voci del menu diventano nere..
Forse dovrei agire sulle classi e gli ID ma non ho idea di come si faccia.
(Ho inserito il tuo codice in proprietà della home prima del tag head). Ad esempio, nell'allegato mostro i colori scelti per le voci menu ma nella pagina Home li visualizzo neri
... deve funzionare ...
... io per poter valutare dovrei vedere il LINK della pagina; ...prova pubblicarla...
... se l'ID del punto di ancoraggio si chiama pippo: id="pippo"
... la formula per il collegamento all'Ancora della stessa pagina è questa:
href="#pippo"
... oppure questa:
href="NomeStessaPagina.html#pippo"
... invece per il collegamento all'Ancora di un'altra pagina a pari livello di ROOT la formula è questa:
href="NomeAltraPagina.html#pippo"
... controlla meglio, ... e meglio senza spazi, senza caratteri speciali, e senza Maiusc. ...
... se posti il link si eviteranno supposizioni... (quasi tutti fanno le prove su Altervista o in una sotto-directory del proprio sito)...
.
ciao
.
infatti ho detto e ribadito che al codice devi abbinare altri selettori, tipicamente un ID.
Spero di continuare ad interpretare bene supponendo che i link sono inseriti all’interno di un oggetto testo.
In questo caso devi:
<style>
#blockedlink ~ div a {color: inherit !important;}
#blockedlink ~ div a:visited {color: inherit !important;}
#blockedlink ~ div a:hover {color: inherit !important;}
#blockedlink ~ div a:active {color: inherit !important;}
</style>
In questo modo il codice agirà solo all’interno dell’oggetto testo a cui è stata assegnata l’àncora “blockedlink”. Tutti gli altri link, non solo nel Menu ma anche in altri oggetti, conserveranno il comportamento standard