Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    Evidenziare link corrente

    Nel mio menù utilizzo questo stile per i link:

    *<style>
    *a:Link {color:#003366; text-decoration:none;}
    *a:Visited {color:#003366; text-decoration:none;}
    *a:Active {color:#FF0000; text-decoration:none;}
    *a:Hover{color:#FF6600; text-decoration:underline}

    Però vorrei che il link relativo alla pagina corrente "si ingrandisse", cioè passasse da 1pt a 2pt per avere una maggiore visibilità! E' possibile farlo con l'attributo "text-decoration"? Cosa devo inserire?

    E poi si riesce ad evitare che se clicco su una qualsiasi parte del sito, mi perda l'attributo del link alla pagina corrente?!?! Cioè torna come un link normale...

    THANKS

  2. #2
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    guarda qua, forse ti può aiutare..

    http://forum.html.it/forum/showthrea...ht=link+attivo
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  3. #3
    Quello di cui si parla in quel thread l'ho già ottenuto...cioè la differenziazione del link alla pagina attiva. Mi serve solo sapere come ottenere l'effetto del testo più grande!!

    GRAZIE COMUNQUE

  4. #4
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    semplicemente, invece di far cambiare colore al link attivo (come nell'esempio sopra) basta che imposti font-size come vuoi tu. Al massimo fai una prova, non ricordo mai se è una caratteristica del font o del text.
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  5. #5
    Eh, è proprio quello il problema: ho fatto delle prove, ma non trovo il codice esatto!!

  6. #6
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Prova a invertire le definizioni active e hover

    Le pseudoclassi devono essere in ordine altrimenti non funzionano!
    [list=1][*]:link[*]:visited[*]:hover[*]:active[/list=1]

    Poi su :active definisci font-size: ...;
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  7. #7
    Il problema non riguarda il funzionamento dello stile dei link, ma un comportamento in più che vorrei aggiungere!! Cioè i link vanno benissimo e lo stile è perfetto, solo vorrei sapere che comando usare per fare in modo che il LINK ATTIVO guadagni UN PUNTO DI DIMENSIONE rispetto agli altri, oltre che cambiare colore...ho fatto altre prove, ma non ho trovato nulla!!!


  8. #8
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Originariamente inviato da salasir
    Prova a invertire le definizioni active e hover

    Le pseudoclassi devono essere in ordine altrimenti non funzionano!
    [list=1][*]:link[*]:visited[*]:hover[*]:active[/list=1]

    Poi su :active definisci font-size: ...;
    Ribadisco il concetto.
    Per aumentare la dimensione del font devi usare font-size sulla pseudoclasse :active .

    Il problema è che se non definisci le pseudoclassi nell'ordine esatto, non funziona !
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.