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

    Realizzare + link con css estrerni!!!

    Ciao a tutti...

    Avrei bisogno di creare link differenti ma non riesco... ecco l'esempio in questo sito: www.bed-and-breakfast.it
    Fate caso ai link in alto a sinistra, quelli del menù a destra e quelli delle regioni a sinistra... sono completamente differenti sia per i colori che per il formato dei caratteri...

    mi chiedevo se c'era un tutorial pratico per fare una cosa simile per CSS esterni o cos ami consigliate!?!?!?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    basta definire delle classi..

    a.nomeClasse{
    color:red
    }
    a.nomeClasse:hover{
    color:green
    }

    che vengono richiamate con

    <a href="#" class="nomeClasse">

    ti basta usare nomi diversi per ogni classe che vuoi creare...

    Chicco Ravaglia per sempre con noi!

  3. #3
    Ci provo... immagino ch'è una cosa da poco, ma non sono mai riuscito... poi adesso ho dream nuovo e qualche difficoltà in +.

    Ho fatto così: <a href="#"><span class="TestoSemplice">Conttattaci

    Il testo ha preso il colore che dico io ma come faccio a creare il link... forse mi sto perdendo in un bicchiere d'acqua.

    Se conoscete qualche tutorial che mi aiuti... aiutooooooo VVoVe:

  4. #4
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    la classe devi darla al link come ti ho scritto sopra...
    :master:
    Chicco Ravaglia per sempre con noi!

  5. #5
    Prova Link

    Scusa se faccio così il mio link rimane sempre uguale... cioè vorrei cambiare roll over... invece quando vado sopra rimane lo stesso colore.

    Ma nn c'è qualche tutorial per questa cosa... nn capisco cosa sbaglio!!

    grazie ciauz

  6. #6
    Ecco forse ho trovato... io cercavo questo!!

    /*link nell'interno della pagina*/
    A:link {text-decoration:none;color:#BA1B2A}
    A:visited {text-decoration:none;color:#BA1B2A}
    A:active {text-decoration:none;color:#BA1B2A}
    A:hover {text-decoration:underline;}


    /************gli stili qui sotto riguardano i menu di sinistra e non c'entrano con la pagina interna****************/

    /*menu di sinistra*/
    .menu { background-color:#007BFF;font-family:Verdana,Arial,Helvetica,Sans-serif;padding:4px;}

    /*link bianchi menu di sinistra*/
    A.linkMenu:link {color:#FFFFFF;font-size:12px;text-decoration:none;}
    A.linkMenu:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
    A.linkMenu:active {color:#FFFFFF;font-size:12px;text-decoration:none;}
    A.linkMenu:hover {color:#000000;background-color:#FFFF00;font-size:12px;text-decoration:none;}



  7. #7
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    Originariamente inviato da zoom
    basta definire delle classi..

    a.nomeClasse{
    color:red
    }
    a.nomeClasse:hover{
    color:green
    }

    che vengono richiamate con

    <a href="#" class="nomeClasse">

    ti basta usare nomi diversi per ogni classe che vuoi creare...

    :master:
    e io cosa avevo scritto?
    Chicco Ravaglia per sempre con noi!

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.