Visualizzazione dei risultati da 1 a 8 su 8

Discussione: link colorato

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    link colorato

    ho uno stile del tipo:
    <STYLE>A{text-decoration:none;font-size:12px;font-family:arial;font-weight:bold}A:hover{color:red}</STYLE>

    che mi colora i vari link.

    avrei bisogno che uno di questi link avesse un altro colore,che attributo devo mettere?
    ho provato con:
    <font color='#000000'>ciao a tutti</font>
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: link colorato

    un altro colore su quale stato?
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    giusto..

    sullo stato normale colore rosso,ci passo sopra diventa blu e visited sempre blu
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: giusto..

    a{
    color:red;
    }

    a:visited, a:hover{
    color:#00f;
    }

    prova cosi. ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    Allora, mo' tespiego.

    Quello che tu hai messo nel tag style è un codice css. I css ti permettono di gestire lo stile di un documento, tenendo separata la presentazione dalla struttura del documento stesso.

    Solitamente i css si mettono in un file esterno, ove vengono inseriti tutti gli attributi di stile, tipo dimensione dei caratteri, colore, immagini di sfondo, margini, dimensioni ecc.

    Per gestire lo stile di un elemento si fa semplicemente così:
    codice:
    nomeelemento {
       /* qui tutti gli attributi */
    }
    Pertanto, per settare il tag a farai:
    codice:
    a {
       color:red;
    }
    Poi ci sono dei selettori speciali che ti permettono ad esempio di settare i vari stati di un link. Per gestire il "al passaggio del mouse", basterà scrivere:
    codice:
    a:hover {
       color:blue;
    }
    All'interno delle parentesi puoi inserire una vastità di attributi.

    L'importante è che l'html sia usato solo per gestire la struttura della tua pagina, dando il maggior numero di informazioni sulle informazioni e usando i tag per il loro vero significato (h1 per le intestazioni di primo livello, acronym per gli acronimi, cite per le citazioni, p per i paragrafi, e così via).

    La specifica ufficiale di CSS 2.1 la trovi qui:

    - http://www.w3.org/TR/CSS21/

    Puoi trovare tutti gli attributi utilizzabili e tante informazioni utili.


  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    e come li metto

    nel link?
    metto<span id='pippo'><a href=#>ciao a tutti</a></span>
    e nel foglio di stile cosa metto?una cosa cosi?
    #pippo{
    a{
    color:red;
    }

    a:visited, a:hover{
    color:#00f;
    }

    }
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

  7. #7
    Pertanto, se hai questa struttura:
    codice:
    <ul>[*]Uno[*]Due[*]Tre[/list]
    e vuoi settare solo i link, non dovrai mettere la classe o l'id all'elemento li, ma al link stesso.

    Quindi, ad esempio,
    codice:
    <ul>[*]Uno[/list]
    Corrisponderà a
    codice:
    #uno {
       color:red;
    }

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    ok ho capito

    funziona,grazie mille a tutti e due
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

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.