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

    <a> CSS che non modifichi l'aspetto

    Ciao ragazzi, probabilmente sarà una cavolata, ma non essendo spertissimo, mi rivolgo a voi.

    Sto facendo un sito dove ho dei link (che pero hanno differente corpo, colore, etc. etc.)

    c'e un modo per dchiarare un CSS per il tag <a> che non mi cambi i valori interni del testo in questione.
    per l' a:hover (cioè mi pare di capire che sia simile all'evento Over del mouse) c'e modo di fare si che mi venga sottolineato il testo, senza che mi cambi come sempre la formattazione esistente

    Ad esempio
    http://www.danilosisti.com

    se io volessi fare che la descrizione tips & trick "creare una connessione ad un database con..." fosse un link che si vede sempre cosi, ma che quando ci vado con il dito sopra mi venga sottolineato

    ma allo stesso tempo che Art Lab (Smokin', Color Style, Over Outlined) facciano la stessa cosa, quindi che quando ci vado sopra venga fuori solo la sottolineatura...

    questa cosa si puo fare con un'unico CSS di a (che include hover, active e visited) e vale per tutti i link con colori differenti del sito...

    oppure mi devo fare un colore diverso per ogni tre degli stati (hover, active, visited)

    non so se al limite c'e un moodo di dire al CSS che vado a creare di utilizzare un CSS esistente...

    Mi rimetto alla vostra esperinza...

    Grazie a tutti!!!
    ||| Grafica, Comunicazione, Internet Project ||| By Danilo Sisti Riccione

  2. #2
    Se ho capito quello che chiedi (sei stato un pò oscuro )

    devi inserire nel codice questo

    codice:
    a, a:visited{
         color: quello che vuoi;
         text-decoration: none;
    }
    
    a:hover{
         color: quello che vuoi;
         text-decoration: underline;
    }


    n.b. se vuoi un effetto diverso per a:visited (si intuisce da solo cosa indichi), basta che lo scorpori tipo
    codice:
    a:visited{
         color: quello che vuoi;
         text-decoration: none;
    }
    e lo cancelli da quanto indicato sopra..

  3. #3
    Indigo ti ringrazio, ma mi sono accorto solo tardi che forse non si capiva bene, cosi ho modificato il post sopra e ho chiarito meglio il concetto... mi sai dire come fare?

    se non avessi capito, il metodo che mi fai vedere va benissimo... solo che, ho diversi colori per i link...

    e quello che volevo sapere è se c'e un modo per fare tutto con un CSS... o se mi devo creare delle classi per a active e visited, e hover a parte x ogni colore???

    fammi sapere...

    Grazie intanto
    ciao
    ||| Grafica, Comunicazione, Internet Project ||| By Danilo Sisti Riccione

  4. #4
    Vediamo se ho capito..all'interno della stessa pagina vuoi che i link abbiano un determinato colore (variabile) e che al passaggio l'effetto sia solo quello di far comparire la sottolineatura? Il tutto con il minor numero di regole nel CSS..

    prova così

    codice:
    a{
    	text-decoration: none;
    }
    
    a.primo{
    	color: green;
    }
    
    a.secondo{
    	color: red;
    }
    
    a:hover{
    	text-decoration: underline;
    }
    così ti risparmi di definire tante volte a:hover..funge almeno con IE e FF, ho fatto la prova..
    ciao


  5. #5
    ok, funziona... ora mi rimane solo un dubbio...

    il menu in fondo, al contrario dei link sopra che non devono cambiare, quando gli vado hover deve diventare verde... (solo il menu) gli altri no...

    cosa posso aggiungere per fare si che lo faccia solo quello?...

    io l'ho scritto cosi

    codice:
    a {
    	text-decoration:none;
    }
    
    a.green {
    	color:#dbe340;
    }
    
    a.grey {
    	color:#6d7474;
    }
    a:visited {
    	text-decoration:none;
    }
    a:hover{
    	text-decoration:underline;
    }
    a.menu {
    		color:#616563;
    }
    l'ultimo... a.menu è quello che da il colore al menu sotto...

    forse mi basta aggiungere
    codice:
    a.menu:hover {
             color:#colore che voglio;
    }
    ?????

    grazie!!!!
    ||| Grafica, Comunicazione, Internet Project ||| By Danilo Sisti Riccione

  6. #6
    sono un po suonato, invece di chiederti potevo provare.. cmq l'ho fatto... ho aggiuntoquel pezzo.. ma sembra che non funzioni...

    ho provato anche

    codice:
    a:hover.menu {
    	color:color:#dbe340;
    }
    ma non funziona lo stesso...

    come posso fare???

    grazie per la pazienza...

    :-)
    ||| Grafica, Comunicazione, Internet Project ||| By Danilo Sisti Riccione

  7. #7
    come non detto.. c'era un errore ho messo color 2 volte... funziona...

    GRAZIe TANTE INDIGO, Sei stato prezioso...

    GRAZIE GRAZIE GRAZIE!!!!

    CIAO!!!!
    ||| Grafica, Comunicazione, Internet Project ||| By Danilo Sisti Riccione

  8. #8
    di niente! (anche te "ti" sei stato prezioso, vedo!! )

    ciao


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 © 2026 vBulletin Solutions, Inc. All rights reserved.